Css 没有顶盒阴影？

如何消除顶框阴影。如果CSS已经内置了一些东西，那将是完美的，但是很少有东西是内置的

这是现场直播

向下滚动至页面底部至页脚。我想消除伪底部的顶部框阴影

---

感谢使用为顶部和底部添加一个框阴影

*就像这样*

    .container-wide{
    -webkit-box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc;
    }

如果只显示顶部阴影，则应用此css

.container-wide{
-moz-box-shadow: -1px -1px 1px 1px #ccc;
-webkit-box-shadow: -1px -1px 1px 1px #ccc;
box-shadow: -1px -1px 1px 1px #ccc;
}

使用以下命令：

#Background
{
-webkit-box-shadow: 0px 1px 30px rgba(0,0,0,.4);
-moz-box-shadow: 0px 1px 30px rgba(0,0,0,.4);
box-shadow: 0px 1px 30px rgba(0,0,0,.4);
}

将此CSS应用于您的包装器2

这将解决您的设计问题，并通过包含一个带有伪底层类的div，提供与您所期望的相同的输出

---

此外，我还想知道包含伪底层类的div的目的。这仅仅是为了解决设计问题，还是它也会有内容？

我希望它能这么简单。此站点的设置方式是所有页面都继承页眉和页脚。因此，为了让它在整个现场工作，我必须消除这一点头痛；为了避免将来的麻烦，我去了你们的网站，看到了你们的HTML结构。我建议添加一个带有伪底层类的div作为解决该结构的补丁，这只会使将来的事情变得零碎和复杂。例如，您可以检查login.php页面的外观。因此，使包装器div灵活地容纳任何类型的内容是合适的解决方案，而不是添加黑客或补丁。它基于phpmootion，这是一个可怕的开始，所以我基本上一直在黑客整个事情。我修改了代码，它吃掉了一些页面的页脚。无聊的。我基本上使用了您的代码，并利用其他因素使其工作。不要骄傲：）

#wrapper2{border-radius: 0 0 12px 12px;
          -webkit-border-radius: 0 0 12px 12px;
          -moz-border-radius: 0 0 12px 12px;

}