如何設置一個盒子陰影的div元素的所有方面，左陰影，右陰影，頂部陰影，底部陰影？

我不能創建另一個父級div容器，它可能只使用css技巧嗎？ box-shadow：7px 7px 7px black; 只會從右側和底部邊框創建陰影，但我也需要左側和頂部。如何設置一個盒子陰影的div元素的所有方面，左陰影，右陰影，頂部陰影，底部陰影？

看看這個：http://stackoverflow.com/questions/3467452/css-shadows-all-four-sides-of-div –

各方影子？爲什麼不能簡單地使用邊框或圖像來創建這種效果？我不確定是否可以在一個div上合併兩個陰影。 – OptimusCrime

'我的背景顏色正在動態變化，這不是一項好工作。 –

帶箱影有4個參數;偏移量，模糊半徑，傳播和顏色。

這是我在我的網站上使用的代碼。它產生一個具有0偏移和模糊半徑，8px擴展和陰影灰色的陰影。

box-shadow: 0 0 8px #888888; 
-moz-box-shadow: 0 0 8px #888888; 
-webkit-box-shadow: 0 0 8px #888888;

下面是對圖像效果的一個簡單示例。

Quick example of the effect on an image

2011-11-16 11:35:56

試試這個

box-shadow:2px 2px 10px 10px #C9C9C9; 
-webkit-box-shadow:2px 2px 10px 10x #C9C9C9; 
-moz-box-shadow:2px 2px 10px 10px #C9C9C9;

或

可以使用shadowOn。這是一個很棒的jQuery插件，使用起來非常簡單。

2011-11-16 11:38:43

回答