Question

我有一个按钮，可以在每个浏览器中使用，但Safari。这是CSS代码：

div#home-buttons #rv {
    background: url("/Portals/248820/images/layout/home-rv.jpg") no-repeat scroll center top / 165px 115px #273e78;
}

Safari错误控制台说：“资源解释为图像，但使用MIME类型text / plain传输。”

有关如何处理此问题的任何想法？

谢谢！

Answer 1

问题是 Safari 在速记background-size中无法理解或支持background。我不知道为什么，但我想了一次。

所以我会用这种方式，它将起作用：

background: #273e78 url("/Portals/248820/images/layout/home-rv.jpg") no-repeat scroll center top;
background-size: 165px 115px

我怎么说，我曾经有过这个问题并且解决了这个问题。希望它也适合你。

行情不是问题。 W3C说你可以使用或不使用引号，简单或双引号。由你决定。有关此内容的更多信息：http://www.w3.org/TR/CSS2/syndata.html#value-def-uri

Answer 2

无需双引用图像路径。喜欢这种方法：

#home-buttons, #rv {
background: url(/Portals/248820/images/layout/home-rv.jpg) no-repeat scroll center top / 165px 115px #273e78;
}

有些浏览器在开头没有使用正斜杠的路径。尝试从...开始./portals/248820/images/layout/home-rv.jpg

祝你好运。