firefox和internet explorer下面的CSS代码不起作用。我怎么修理它？

firefox和internet explorer下面的CSS代码不起作用。我怎么修理它

谢谢

正文{
背景：白色；
}
.滑块文本{
颜色：#999；
字体大小：24px；
字体大小：正常；
字体系列：“Helvetica Neue”，Helvetica，无衬线；
字母间距：-1px；
宽度：360px；
背景：-webkit渐变（线性、左上、右上、颜色停止（0，#999）、颜色停止（0.750，#999）、颜色停止（0.875，红色）、颜色停止（1，#999））；
-webkit背景剪辑：文本；
-webkit文本填充颜色：透明；
-webkit动画：闪烁5.5s无限；
}
@-webkit关键帧闪烁{
0% {
背景位置：0；
}
100% {
背景位置：360px0；
}
}

---

继续浏览

您正在使用的-webkit是一个Chrome属性，请尝试查找这些属性的Firefox和IE等价物。

您正在使用1个值和3个属性，其供应商前缀为

-webkit-

：

-webkit渐变

，

-webkit背景剪辑

，

-webkit文本填充颜色

和

-webkit动画

由Apple Safari、Google Chrome和Opera 15+使用的WebKit渲染引擎用于某些属性和值

首先，检查一下MDN（Mozilla开发者网络）上的每个属性，它有很好的文档。只需在DuckDuckGo、Google或其他搜索引擎上搜索“mdn gradient”（不带破折号，也不要考虑前缀）。
在那里，您将了解它的用法、允许的值，并且在每页的末尾都有一个兼容性表。如果一个属性在Firefox4之前需要前缀

-moz-

，那就忘了它，它现在没用了。如果它是IE9上的

-ms-

，那么您可能仍然需要它，等等

请仔细查看此伟大的资源：（有一个“显示所有版本”按钮，通常很有用）

您必须知道希望与哪些浏览器兼容（IE8或不兼容，等等），我所说的浏览器是指版本号；）以及它应该如何在其他人身上退化

现在您知道需要哪个前缀，可以写下如下内容：

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; /* protip: always write the unprefixed one in last position */
}

.rounded {
 border-radius: 4px; /* no prefix, webkit and Firefox haven't needed them for ages. Used to but not nowadays */
}

---

一旦你理解了需要什么并练习了几周，你就可以使用诸如（节点插件、grunt、gulp，以及CSS后处理器等其他工具）

-webkit gradient肯定有一个firefox等价物：你可以在那里看到。不过我不知道动画。webkit是Safari的引擎。Chrome和Opera现在使用称为blink的webkit分支。不管怎样，它都不是一个特定于Chrome的属性。我只想举一个在所有浏览器中工作的例子。像这样的：（歌剧很好。）