野生動物園背景圖片未顯示

本網站遇到問題：除Safari瀏覽器外，在所有瀏覽器中均可用。正如你所看到的，在safari中，法拉利附近有兩條不同的紅色，這是因爲Safari瀏覽器沒有讀取我用來保持汽車圖像的相同紅色的背景圖像1x1px（I' m使用圖像，因爲汽車具有顏色配置文件，因此顏色代碼不同）。野生動物園背景圖片未顯示

http://www.aformulaonehistory.com

任何人都知道這是爲什麼？

的結構是這樣的

<div class="background_color"> 
    <div id="car_in_background"> 
    </div> 
</div>

使用CSS這樣的：

.background_color { 
     background: url('http://www.mydomain.com/img/image.jpg') repeat; 
    } 

    #car_in_background { 
     background: url('http://www.mydomain.com/img/car.jpg') no-repeat center center; 
     background-size:contain; 
     height:101%; 
     overflow:hidden; 
     position:relative; 
    }

謝謝！

編輯：我認爲safari讀取背景圖像，但不讀取顏色配置文件。這很奇怪，因爲該圖像包含ICC配置文件（正如ffox和chrome所示）。

來源

2013-09-23 Herzer Skerzer

嗯...如果我比較不同瀏覽器中的顏色代碼，它們不適合在一起。在Safari中加載的圖片本身具有完全的其他顏色，而不是在網站上或背景中。

但我想真正的問題是Safari瀏覽器上的背景圖像在我的瀏覽器版本中根本沒有加載，所以Safari使用顏色回退。

而且，如果您在網站上查看的內容非常詳細，您可以看到，灰色圖片與背景不符合100％。

你可以試試這個：使用

background: #c54040; 
background: url('http://www.aformulaonehistory.com/img/backgr/c54040.jpg') repeat;

代替

background: #c54040 url('http://www.aformulaonehistory.com/img/backgr/c54040.jpg') repeat;

也許這幫助;）

來源

2013-09-23 22:33:02

唯唯諾諾的人，這就是問題所在。不幸的是，該解決方案無法運作 –

實際上，使用該代碼我遇到了與Firefox和Chrome相同的問題 –

您是否試圖忽略顏色後備，然後會發生什麼？ –

野生動物園背景圖片未顯示

回答

相關問題