去掉div底部的方框阴影？

Question

我在设置页脚格式时遇到问题，因为主要内容 div 的框阴影覆盖了它，使它看起来很糟糕。

我查看了一些其他来源，其中有人遇到了与我类似的问题，并尝试了一些 "solutions" 但 none 似乎解决了我的问题。

我想知道的是有没有一种方法可以使用 CSS 仅从底部移除阴影，或者有没有一种方法可以使我的页脚 div 向前移动以便隐藏底部阴影.

这是框阴影的代码。

box-shadow: 10px 10px 5px #888888;

提前致谢。

Answer 1

像

一样设置框阴影

box-shadow: 10px 0px 0px 0px #888888;

Answer 2

一种可能性是根据模糊减少框阴影的扩散半径（模糊被添加到总大小），例如：

-webkit-box-shadow: 10px 0px 6px -3px #888;
-moz-box-shadow: 10px 0px 6px -3px #888;
box-shadow: 10px 0px 6px -3px #888;

剩下的问题是你不能为每一边设置不同的模糊或偏移值。您可以使用这样的工具进行预览：http://www.cssmatic.com/box-shadow

否则你可以添加另一个盒子作为底部的覆盖物或者你去看看 z-index 属性: http://www.w3schools.com/cssref/pr_pos_z-index.asp

Remove the box shadow from the bottom of a div?