如何覆盖内容css属性以便不在IE8上使用它？

Question

我在我的应用程序上使用font-awesome，当我有ajax请求时，我调用一个显示字体真棒图标的隐藏<div>：

<div id="loading" style="z-index:9999; margin-left:45%; display:none;"><i class="fa fa-spinner fa-spin"></i></div>

它的工作方式与我想要的方式相同，但在 IE8 上，font-awesome不支持旋转功能，因此，我有以下想法：

我将使用 ie.css （我有一个特定的css文件，只将css更改应用于IE），我将替换类{{1使用.fa-spinner:before图标替换background-image的内容。

gif

正在显示gif图标，但似乎未删除静态fa-spin图标（我尝试使用.fa-spinner:before{ background-image: url("../image/ajax-loader.gif"); width:16px; height:16px; content: ""; content: none; } 和content:""覆盖它以尝试将其删除图标，仅显示gif图像。）

不知怎的，字体真棒图标仍然存在，当它不应该时。问题是我没有成功替换内容css属性。

Answer 1

我会在#loading中将gif背景添加到ie.css，然后只需隐藏FontAwesome微调器

#loading i {
    display: none;
}

这种方法可能比尝试从FontAwesome手术覆盖单个属性更可靠。