在Safari 4/5中不能使用的背景圖片

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

您沒有使用網址編碼設置路徑在樣式表中的背景圖像。在我看來，如果你用+符號代替%20，你可能就解決了這個問題。儘管如此，我會回來更多關於它的信息。