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);

该片段来自 this page阅读它以获取有关如何操作的更多信息。

还有 cbp建议this guide评论里，看了之后觉得也是不错的资源，建议:

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