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

Question

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

我也想在我的帖子中使用这种效果，这样帖子本身就在一个容器中，而包含相关帖子的侧边栏则在另一个容器中。这可能吗？

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

链接是http://www.planificamostuviaje.com

谢谢

Answer 1

你可以使用 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