Почему 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 (по вертикали) с радиусом размытия 20px цвета #c1c1c1.

Это означает, что тень не установлена ​​в 0, она просто перемещена 0 по вертикали. Если вы хотите иметь тень, либо установите радиус размытия (20px) на 0, либо удалите -webkit-box-shadow.