Question

我有一个拒绝在Safari 4/5中显示的徽标图像。任何人都可以对此有所了解吗？

这是CSS /（未编译的更少） -

background: url("../img/logos%20and%20icons/logoLrg.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
@media(max-width:400px){
    background: url("../img/logos%20and%20icons/logoSML.png") no-repeat scroll 0 right / contain rgba(0, 0, 0, 0);
}
display: block;
height: 50px;
margin-top: 29px;
width: 205px;
z-index: 255;

Answer 1

尝试不用空格

background: url("../img/logos and icons/logoLrg.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
@media(max-width:400px){
    background: url("../img/logos and icons/logoSML.png") no-repeat scroll 0 right / contain rgba(0, 0, 0, 0);
}
display: block;
height: 50px;
margin-top: 29px;
width: 205px;
z-index: 255;

Answer 2

您不必使用url编码在样式表中设置背景图像的路径。在我看来，如果您用%20符号替换+，您可能会解决该问题。我会回过头来了解更多有关它的信息。

背景图像在Safari 4/5中不起作用

2 个答案: