box-shadow 支持 IE7 和 IE8答案

【问题标题】：box-shadow to support IE7 and IE8box-shadow 支持 IE7 和 IE8
【发布时间】：2012-06-26 09:50:56
【问题描述】：

我使用以下 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 放在我的站点根目录中。但是，这无济于事。我想我一定是做错了什么。

非常感谢任何帮助。

谢谢

【问题讨论】：

标签： css internet-explorer cross-browser

【解决方案1】：

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

 behavior: url(ie-css3.htc)

应该是

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

【讨论】：

再次检查以确保文件在您的 css 目录中。如果它在您的根目录中，则使用behavior: url(/ie-css3.htc)