如何在 wordpress 中添加看起来漂浮在纹理背景上的容器?

How can I add containers that seem to float over a textured background in wordpress?

我希望我的 wordpress 网站在单独的容器中显示不同的文本摘录,这些容器似乎漂浮在带纹理的背景之上,如以下网站所示:http://www.sopcial.com/

我也想在我的 post 中使用这种效果,这样 post 本身在一个容器中,而带有相关 post 的侧边栏在另一个容器中。这可能吗?

我尝试使用 jmoore009 提供的代码(除了我将宽度更改为 1000px),但不知何故容器的高度发生了变化(或者我看起来像那样)。此外,添加此代码会在页眉中生成一个容器,在页脚中生成另一个容器...我如何删除它们?

link是http://www.planificamostuviaje.com

谢谢

您可以使用 box-shadow 使其看起来像容器位于背景之上:

<div class="container content-box"></div>


.content-box{
   background: #FFF;
   width: 200px;
   margin: auto;
   padding: 20px;
   box-shadow: 0px 0px 7px rgba(0,0,0,.4);
   border-radius: 3px;
   -moz-box-sizing:border-box; //add to fix padding 
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}

FIDDLE