3

我有一个可以在除 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 类型文本/纯文本传输。”

关于如何解决这个问题的任何想法?

谢谢!

4

2 回答 2

11

问题是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

于 2013-05-13T00:46:17.773 回答
0

无需双引号图像的路径。像这种方法:

#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 开始

祝你好运。

于 2013-05-12T21:31:17.883 回答