我怎樣才能在div元素周圍有陰影？

我正在尋找一種圍繞div「盒子」擁有非常好的影子的方法。我怎樣才能在div元素周圍有陰影？

這怎麼能在所有瀏覽器中完成？

我已經完成了研究，發現人們有很多隻能在更強大的瀏覽器中工作的陰影示例。

我應該以某種方式使用圖像？我怎麼能這樣做？有任何想法嗎？

2011-06-26 John Doe

任何特殊要求必須支持哪些瀏覽器版本？ –

IE 6及以上，以及Safari，Firefox和我的任何版本<3 Chrome lol –

有幾個選擇使用它。 CSS3 box shadows就是其中之一。您還可以將CSS3PIE用於尚不支持CSS3框陰影的瀏覽器，但您會發現它不會像現代瀏覽器中的CSS3陰影一樣。除此之外，您可以使用您在Photoshop中創建的陰影，並將它們放置在div的後面，使用背景圖像放置在另一個div的「後面」，並使用定位來抵消「頂部」div，以便顯示陰影。

來源

2011-06-26 00:34:23 kinakuta

CSS3PIE ftw。 +1 –

如果你想支持像IE7等舊瀏覽器，你應該使用圖像。否則，你可以嘗試這樣的事：

div.shadow { 
    -moz-box-shadow: 3px 3px 5px #777; 
    -webkit-box-shadow: 3px 3px 5px #777; 
    box-shadow: 3px 3px 5px #777; 
}

，當然通過<div class="shadow">…</div>

來源

2011-06-26 00:33:45 Dude

我怎樣才能在div元素周圍有陰影？

回答

相關問題