html - 如何在IE6中获得阴影效果

Question

我正在开发一个 HTML 模板。使用 IE6 测试不会像所有其他浏览器一样出现阴影。IE6 不支持 Box-shadow 属性。那么，如何在 IE6 上获得阴影效果。

请帮忙...

Answer 1

例如，您可以使用 IE6 DXImageTransform 模拟 CSS 阴影

 filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);

该片段来自此页面，请阅读它以获取有关如何操作的更多信息。

另外cbp在评论中推荐了这个指南，看了之后觉得也是不错的资源，建议：

#box {
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000);
}

Answer 2

你可以使用这个：

zoom: 1;
filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000);

参考这个网站：

http://www.useragentman.com/blog/2011/08/24/how-to-simulate-css3-box-shadow-in-ie7-8-without-javascript/