Question

我使用以下css代码来帮助支持IE7和IE8中的box-shadow：

 zoom: 1;
 filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=0),
    progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=0),
    progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=90),
    progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=180),
    progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=270),
    progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');

但它降低了IE中的性能。但在做了一些谷歌搜索之后，我发现ie-css3.htc我觉得它比上面的代码更好。根据说明，我在块元素中添加了一些样式：

 zoom: 1;
 z-index: 9999;
 position: relative;
 behavior: url(ie-css3.htc)

这是我的目录结构：

css/
      - style.css
      - ie-css3.htc
js/
images/
ie-css3.htc
index.html

我还根据文档将ie-css3.htc放在我的站点根目录中。但是，这没有任何帮助。我认为我一定做错了。

非常感谢任何帮助。

由于

Answer 1

确保CSS中htc文件的路径在所有情况下都是正确的：

 behavior: url(ie-css3.htc)

应该是

 behavior: url(/css/ie-css3.htc)

box-shadow支持IE7和IE8

1 个答案: