为什么CSS盒子阴影会产生阴影在不需要的位置？

Question

为什么：

div { -webkit-box-shadow: 5px 0 20px #c1c1c1; } 

把DIV下方的阴影时，它的明确设置为0？

Answer 1

这并不是把阴影放在盒子的下面，它只是模糊了它的底下。这些参数是：

-webkit-box-shadow: (Horizontal) (Vertical) (Blur) (Color);

http://jsfiddle.net/ngjpr/

Answer 2

div { -webkit-box-shadow: 5px 0 20px #c1c1c1; } 

设置-webkit-box-shadow用的5px（水平）和0（垂直），用彩色#c1c1c1的20px一个模糊半径偏移。

这意味着影子不是设置为0，它只是垂直移动0。如果您想要没有阴影，请将模糊半径（20px）设置为0或删除-webkit-box-shadow属性。