html - 带有投影和图案背景的居中内容。透明的 PNGS 是唯一的出路吗？

Question

如果是这样，您会推荐哪个 PNG IE 修复程序？

Answer 1

如果你不一定需要你的 CSS 来验证，你可以使用这个:

.box-shadow {
    -moz-box-shadow: 2px 2px 3px #969696; /* FF 3.5+ */
    -webkit-box-shadow: 2px 2px 3px #969696; /* Webkit = Safari + Chrome */
    -khtml-box-shadow: 2px 2px 3px #969696; /* Konqueror */
    box-shadow: 2px 2px 3px #969696; /* Opera */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3); /* IE */
}

它在适当的地方使用 box-shadow CSS3 属性，对于 MSIE，它使用过滤器。如果您可以相信您的用户已更新浏览器或使用 IE，那么您应该是安全的。

代码不完全是我脑子里的，我用了http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/供引用。