css - background-url 属性在不同浏览器中的不同行为

Question

我在不同浏览器中的 background-image 属性的 url 有一个奇怪的问题，例如我的 url 是:

background: url("resources/images/icons/pdf.png") no-repeat;

在 Google chrome 中不出现，但在 IE 中工作..但如果我通过以下方式更改 url:

background: url("../images/icons/pdf.png") no-repeat;

在 Chrome 中有效，但在 IE 中无效...

我做错了什么？

Answer 1

Chrome 和 Firefox 支持此标记中的相对路径，但 IE 不支持。 IE 严格遵循规范。尝试添加正斜杠

background: url("/resources/images/icons/pdf.png") no-repeat;