在HTML可以流畅的html周围创建阴影的最佳做法是什么？
我曾经使用过一张桌子，并且有8个png图像（4个边和4个角）作为背景，每个外部8个单元格都带有html我想在中间单元格中留下阴影。不是非常语义，但至少投影图像是背景，它是液体... HTML是丑陋，乏味，也许不是非常友好的SEO。
是否有更多兼容性（虽然我根本不记得有浏览器问题）现在还是有更多语义方式来处理它？</ p>
我不关心IE6。我使用jquery，所以javascript / jquery机制，只要现代浏览器之间没有兼容性问题，对我来说没问题。
更新：使用CSS3的box-shadow的建议非常好。唯一的问题是它的阴影 与它应用的html元素大小相同。所以这意味着我不能在周围有一个投影（好像光源直接在头顶上）。我可以添加一个更大的周围div。但接下来发生的是边界半径导致白色怪物出现在角落......
有没有办法在html元素周围有一个漂亮的黑色阴影，而不仅仅是从它偏移？
UPDATE 2 ：CSS3的box-shadow和firefox / webkit的实现都支持一个允许我想要的传播值。不在下面的dynamicdrive.com链接..谢谢你们！
答案 0 :(得分：7)
忽略IE7 / 8并使用box-shadow CSS3 rule。缺少阴影并不是这些传统浏览器的世界末日。如果是，则相应地收费。您还可以调查IE's proprietary dropshadow filters，看看结果是否合理。
更多资源：here
w3c工作草案定义：here
答案 1 :(得分：1)
您可以尝试使用jQuery Drop Shadow的插件。
虽然它确实有一点性能影响，并且在较慢的客户端计算机上占用多个元素的年龄。对于我们公司的网站，我刚刚使用了CSS3路线，显然在IE中没有用，但任何有品味的人都使用FF无论如何:)。像IGN这样的大型网站采取了类似的方法，如果客户端可以支持CSS3阴影，那么非常坚韧的奶酪。