IE vs.Chrome CSS 优先级答案

【问题标题】：IE vs.Chrome CSS priorityIE vs.Chrome CSS 优先级
【发布时间】：2014-07-10 22:05:29
【问题描述】：

当我将以下 css 文件应用到 IE 中的页面时：

@import url("reset.css");

body {
    background-color:gray;
    background-image: url(“../images/bg-body.jpg”);
}

我得到一张背景图片。当我在 Chrome 中查看页面时，我得到灰色背景。浏览器之间的样式优先级是否存在一些差异？

【问题讨论】：

你能通过 fiddle 或 codepen 提供你的代码吗？
奇怪。我现在又试了一次，Chrome 正在显示 bg 图片。
图像总是在颜色之前渲染，我想你可以称之为最高优先级。重要的可能是因为你的报价是错误的。它是 " 而不是 “ 或 ”。另外，您不要在 url() 中加上引号

【解决方案1】：

试试这个：

body {background-color:gray; background-image: url(../images/bg-body.jpg)}

你有 2 个地方错了，是 " 而不是 “ 或 ”。此外，url() 中不应有引号。

浏览器应该总是在颜色之前显示图像，如果你只想显示颜色，你应该只能这样做：

body {background-image:none}

【讨论】：