爲什麼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屬性。