我在格式化页脚时遇到问题，因为主要内容 div 的框阴影正在覆盖它并使它看起来很糟糕。
我查看了其他一些与我有类似问题的人的来源，并尝试了一些“解决方案”，但似乎没有一个能解决我的问题。
我想知道的是有一种方法可以使用 CSS 仅从底部移除阴影，或者有一种方法可以将我的页脚 div 向前移动，以便隐藏底部阴影。
这是盒子阴影的代码。
box-shadow: 10px 10px 5px #888888;
提前致谢。
问问题
14430 次
2 回答
3
一种可能是根据模糊（模糊添加到总大小）来减小盒子阴影的扩散半径，例如：
-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
于 2015-11-04T03:38:43.543 回答
2
只需设置框阴影即可
box-shadow: 10px 0px 0px 0px #888888;
于 2015-11-04T03:24:52.483 回答