Question

在测试过程中，我意识到我的网页无法正常工作，在加载 Firefox 之前会有一点延迟和闪烁，但在 Chromium 中它可以完美运行。此外，在有问题的加载后Firefox中的网站看起来不错。我正在查看 Inspect Element ，发现在Console选项卡下有很多错误和警告，例如。这些：

解析'background-image'的值时出错。宣言下降。 style.css：50：22解析'background-image'的值时出错。宣言下降。 style.css：51：22解析值的错误 “-webkit-边界半径”。宣言下降。 style.css中：53：27 未知属性'-moz-border-radius'。宣言下降。 style.css：54：22未知属性'-moz-box-shadow'。宣言下降。 style.css：58：19解析值的错误 '背景图片'。宣言下降。 style.css：90：22错误解析'background-image'的值。宣言下降。 style.css：91：22解析'background-image'的值时出错。宣言下降。 style.css：105：22解析值的错误 '背景图片'。宣言下降。 style.css：106：22未知属性'-moz-box-shadow'。宣言下降。 style.css中：109：19 解析'background-image'的值时出错。宣言下降。 style.css：131：22解析'background-image'的值时出错。宣言下降。 style.css：132：22未知属性 “-moz-箱阴影”。宣言下降。 style.css：141：19错误解析'-webkit-border-radius'的值。宣言下降。 style.css：143：27未知属性'-moz-border-radius'。宣言下降。 style.css：144：22未知属性'-moz-box-shadow'。宣言下降。 style.css：159：19解析值的错误 “-webkit-边界半径”。宣言下降。 style.css中：161：27 未知属性'-moz-border-radius'。宣言下降。 style.css：162：22未知属性'-moz-box-shadow'。宣言下降。 style.css：176：19解析值的错误 “-webkit-边界半径”。宣言下降。 style.css中：178：27 未知属性'-moz-border-radius'。宣言下降。 style.css：179：22未知属性'-moz-box-shadow'。宣言下降。 style.css：193：19解析值的错误 “-webkit-边界半径”。宣言下降。 style.css中：195：27 未知属性'-moz-border-radius'。宣言下降。 style.css：196：22未知属性'-moz-box-shadow'。宣言下降。 style.css：210：19解析值的错误 “-webkit-边界半径”。宣言下降。 style.css中：212：27 未知属性'-moz-border-radius'。宣言下降。 style.css：213：22未知属性'-moz-box-shadow'。宣言下降。 style.css：230：19解析值的错误 “-webkit-边界半径”。声明被撤销。

例如，这是我的CSS的一部分，我收到错误（style.css：50：22，第50行被标记）：

.menu li {
    color: #ffffff;
    background: #ff0000;
    background-image: -webkit-linear-gradient(top, #ff0000, #00ff00);
    background-image: -moz-linear-gradient(top, #ff0000, #00ff00);
    background-image: -ms-linear-gradient(top, #ff0000, #00ff00); /* line 50 */
    background-image: -o-linear-gradient(top, #ff0000, #00ff00);
    background-image: linear-gradient(to bottom, #ff0000, #00ff00);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    text-shadow: 2px 2px 2px #222222;
    -webkit-box-shadow: 2px 2px 7px #0a0d01;
    -moz-box-shadow: 2px 2px 7px #0a0d01;
    box-shadow: 2px 2px 7px #0a0d01;
    font-size: 21px;    
    font-family: Arial, sans-serif;
}

我该如何解决这个问题？我不是专家，请在答案中具体说明。谢谢！

更新：我忘了提到，昨天我也收到了这个错误（今天消失了，但是目前我又得到了它）：＆＃34;无法加载样式表http://fonts.googleapis.com/css＆gt;＆gt ;这里的一些字体＆＃34;

CSS适用于Chromium，但在Firefox中有大量错误

0 个答案: