我在格式化我的页脚时遇到了问题,因为来自主内容div的框阴影正在超过它并使其看起来很糟糕。删除div底部的方块阴影?
我已经通过一些其他来源了解与我有类似问题的人,并尝试了一些“解决方案”,但似乎没有人能解决我的问题。
我想找出是有没有办法使用CSS或者是有办法把我的页脚DIV向前所以它隐藏底部阴影只从底部移除阴影。
下面是箱子阴影的代码。
box-shadow: 10px 10px 5px #888888;
在此先感谢。
我在格式化我的页脚时遇到了问题,因为来自主内容div的框阴影正在超过它并使其看起来很糟糕。删除div底部的方块阴影?
我已经通过一些其他来源了解与我有类似问题的人,并尝试了一些“解决方案”,但似乎没有人能解决我的问题。
我想找出是有没有办法使用CSS或者是有办法把我的页脚DIV向前所以它隐藏底部阴影只从底部移除阴影。
下面是箱子阴影的代码。
box-shadow: 10px 10px 5px #888888;
在此先感谢。
只是机顶盒阴影像
box-shadow: 10px 0px 0px 0px #888888;
一种可能性将是减小框阴影的传播半径取决于模糊(模糊被添加到总大小),例如:
-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
谢谢快速回复就像一个魅力 – Aaron