我在不同浏览器中对background-image属性的url有一个奇怪的问题,例如我的网址是:
background: url("resources/images/icons/pdf.png") no-repeat;
在谷歌浏览器中没有出现但在IE中工作..但如果我改变了网址:
background: url("../images/icons/pdf.png") no-repeat;
在Chrome中可以使用IE但不是......
我做错了什么?
答案 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");