在 html 周围创建阴影(其中 html 可以是液体)的最佳实践是什么？
我曾经使用一个表格，并有 8 个 png 图像(4 个边和 4 个 Angular )作为外部 8 个单元格中每个单元格的背景，并且我希望中间单元格周围有阴影。不是很语义化，但至少阴影图像是背景，而且是液体...html 很丑陋、乏味，而且可能对 SEO 不太友好。
现在是否有更兼容的方式(尽管我根本不记得有浏览器问题)或者是否有更语义的方式来处理这个问题？
我不关心IE6。我使用jquery，所以javascript/jquery机制，只要现代浏览器之间不存在兼容性问题，就可以了。
更新:使用 CSS3 的 box-shadow 的建议非常好。唯一的问题是它的框阴影仅与其应用的 html 元素大小相同。所以这意味着我不能在周围有阴影(就好像光源直接在头顶上一样)。我可以添加一个更大的周围 div。但随后发生的情况是边界半径导致 Angular 落处出现白色伪影......
有没有办法让 html 元素周围有一个漂亮的黑色阴影，而不仅仅是偏离它？
更新2:CSS3的box-shadow和firefox/webkit的实现都支持允许我想要的扩展值。不在下面的dynamicdrive.com 链接中。谢谢大家!
最佳答案
忽略 IE7/8 并使用 box-shadow CSS3 rule 。对于这些旧版浏览器来说，缺少阴影并不是世界末日。如果是，则按相应费用收费。您还可以调查 IE's proprietary dropshadow filters ，看看结果是否合理。
更多资源:here
w3c 工作草案定义:here
关于jquery - html 投影最佳实践，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3607926/