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

Question

我在我的应用程序上使用超赞字体，当我有 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 文件仅适用于 IE css 更改），并且我将替换 class .fa-spinner:before 以将 background-image 的内容替换为 gif 图标。

.fa-spinner:before{
    background-image: url("../image/ajax-loader.gif");
    width:16px;
    height:16px;
    content: "";
    content: none;
}

正在显示 gif 图标，但似乎没有删除静态 fa-spin 图标（我试图通过使用 content:"" 和 content: none 来覆盖它来尝试制作它去掉图标，只显示gif图片）。

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

Answer 1

我会在 ie.css 中将 gif 背景添加到 #loading 并使用

隐藏 FontAwesome 微调器

#loading i {
    display: none;
}

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

How to override content css property to not to use it on IE8?