下拉陰影以傳播元素的全部寬度

Question

如何獲得陰影以傳播元素的全部寬度。這就是我現在所擁有的，但是我沒有在元素上水平傳播。
正如你可以看到在圖像的左側和右側，陰影是嵌入的，我需要它跨越整個寬度。

box-shadow: 0 8px 6px -6px black; 

Answer 1

你的利差損半徑是造成這一點。在-6px更改爲某個正值：

box-shadow: 0 8px 6px 6px black; 

jsFiddle example

按照MDN：

正值將使陰影 擴大和壯大規模，而負值則導致影子收縮。如果沒有指定，則它將爲0（陰影將與元素的大小相同 ）。

Answer 2

不要使用-6px有它在0px，也不要忘了其他瀏覽器。

-webkit-box-shadow: 0 8px 6px 0 #000000; 
-moz-box-shadow: 0 8px 6px 0 #000000; 
box-shadow: 0 8px 6px 0 #000000;