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

Question

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

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

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

link是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

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

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

html

css

wordpress