css - 在整个#wrapper 周围制作阴影的最佳语义和有效方法是什么？在各方面

Question

在整个#wrapper 周围制作阴影的最佳语义和有效方法是什么？在各方面。水平方向可以固定，但垂直方向应该是可扩展的。

Answer 1

如果您愿意为 IE 使用另一种非语义方法，you could simply use CSS 3 for current (Webkit and Gecko based) browsers :

box-shadow: 10px 10px 5px #888;
padding: 5px 5px 5px 15px;

_{(来源:css3.info)}

当然，对于 IE，您还有其他一些选择。

• 使用单张图像作为背景。

• Use some CSS trickery to have a few wrapper divs with some small borders that composite the shadow .

  

• Use javascript to create the drop shadow .

最后一个的优点是让您有机会在启用 CSS3 的浏览器上使用 CSS box-shadow，并在其余浏览器(IE/Opera)上使用 Javascript 投影。