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

时间:2015-07-16 11:58:41

标签: css3 google-chrome internet-explorer

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

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

在谷歌浏览器中没有出现但在IE中工作..但如果我改变了网址:

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

在Chrome中可以使用IE但不是......

我做错了什么?

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

我找到了解决方案,在CSS属性中你可以添加两个不同的URL,例如:

background-image: url("resources/images/icons/excel.png"), url("../images/icons/excel.png");