2015-11-04 155 views
1

我在格式化我的页脚时遇到了问题,因为来自主内容div的框阴影正在超过它并使其看起来很糟糕。删除div底部的方块阴影?

我已经通过一些其他来源了解与我有类似问题的人,并尝试了一些“解决方案”,但似乎没有人能解决我的问题。

enter image description here

我想找出是有没有办法使用CSS或者是有办法把我的页脚DIV向前所以它隐藏底部阴影只从底部移除阴影。

下面是箱子阴影的代码。

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

在此先感谢。

回答

1

只是机顶盒阴影像

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

谢谢快速回复就像一个魅力 – Aaron

0

一种可能性将是减小框阴影的传播半径取决于模糊(模糊被添加到总大小),例如:

-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