html下拉陰影最佳做法

Question

什麼是最好的做法是創建陰影HTML附近的html可以是液體？

我曾經使用一張桌子，並有8個PNG圖像（4面和4個角）作爲背景爲每個外部8個單元與HTML我希望在中間的單元格下拉陰影。不是很有語義性，但至少投影圖像是背景，它是流動的...... html是醜陋，乏味，也許不是很友善。

現在還有更兼容的（儘管我不記得有瀏覽器問題）的方式嗎？還是有更多的語義方式來處理？

我不在乎IE6。我使用jquery，所以一個javascript/jquery機制，只要在現代瀏覽器中沒有兼容性問題，對我來說就沒問題。

更新：建議使用CSS3的盒子陰影非常好。唯一的問題是它有一個盒子的影子只有與它應用的html元素的大小相同。所以這意味着我不能有一個陰影四周（就像光源直接在頭頂上）。我可以添加一個更大的周邊div。但接下來會發生什麼是邊界半徑導致白色文物出現在角落......

有沒有一種方法可以在html元素周圍產生一個漂亮的黑色陰影，而不僅僅是偏移它？

UPDATE 2：CSS3的box-shadow和firefox/webkit的實現都支持允許我想要的傳播值。不在下面的dynamicdrive.com鏈接..謝謝你們！

Answer 1

忽略IE7/8並使用box-shadow CSS3 rule。在這些傳統瀏覽器上，缺少陰影並不是世界末日。如果是，則相應收取費用。您也可以調查IE's proprietary dropshadow filters，看看結果是否合理。

更多資源：here

W3C定義工作草案：here

Answer 2

你可以嘗試的jQuery插件Drop Shadow。

它確實有一點性能影響，並且在較慢的客戶端機器上需要多個元素的時間。對於我們公司的網站，我只是使用了CSS3路線，這在IE中顯然不起作用，但任何有口味的人都會使用FF。許多大型網站如IGN採取類似的方法，如果客戶可以支持CSS3陰影，那麼很棒的其他堅韌的奶酪。