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阴影，那么很棒的其他坚韧的奶酪。