从div底部删除框阴影？

Question

我无法格式化我的页脚，因为来自主内容div的框阴影正在覆盖它并使其看起来很糟糕。

我已经查看了一些其他来源的人，他们遇到了类似的问题，并尝试了一些＆＃34;解决方案＆＃34;但似乎没有一个能解决我的问题。

我想知道的是有一种方法可以使用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