野生動物園渲染圖像背景加載黑色

我目前正在一個網站上，並與Safari的問題。當加載圖像時，會有一個黑色背景作爲展位。我寧願它是透明或白色的，但我似乎無法弄清楚。檢查出來：野生動物園渲染圖像背景加載黑色

http://blazing-ocean-6482.herokuapp.com/

我做了HTML和身體有背景顏色：白色;但這似乎沒有改變這個問題。

來源

2012-04-05 captDaylight

只需保存PNG圖像與interlaced選項

來源

2012-09-19 12:30:55 Mikhail

我嘗試過「隔行掃描」，至少在Safari 6.0.2中並沒有解決問題。 – Ben 2013-01-25 23:24:39

我遇到了同樣的問題（僅限於Safari）。我的身體標記有一個背景圖像，是repeat-x，並用作整個網站的背景。當用戶轉到Safari中的頁面時，頁面加載時會出現黑屏。我已經尋找了一個解決這個問題的年齡，但它似乎是一個未解決的Safari的問題。

我曾嘗試在html和body標籤中添加「style：background-color：#FFF」，並嘗試使用舊學校「bgcolor：#FFF」 - 沒有任何工作。

我可以讓Safari的行爲唯一的方式是使用CSS + jQuery。在你的html和CSS文件中給body提供一個「bg-on」類。在標籤的HTML頁面的鏈接.js文件或：

jQuery(function ($) { 
$(document).ready(function(){ 

$('body').removeClass('bg-on'); 

});//end document ready 

/* NOTE (window).load fires when images have been fully loaded */ 
$(window).load(function() { 

$('body').addClass('bg-on'); 

});//end window load function 
});//end jQuery function no conflict mode

上面什麼呢，當DOM是由瀏覽器加載的是，它從體內清除類，因此Safari會不顯示黑色背景，因爲沒有背景圖像。然後，當window.load事件觸發時，所有資產已被加載，身體被賦予背景圖像...

它不會影響JS禁用的瀏覽器，因爲「bg-on」類是硬編碼到html中。

不是一個特別優雅的解決方案，但它適用於我。

來源

2012-04-09 20:17:08

我在Safari瀏覽器同樣的問題6. 我的形象是灰度色彩空間。我將它切換到rgb，問題消失了。嘗試檢查您的圖像顏色空間設置！

來源

2013-01-28 08:47:17 Stefano

我最近在Safari 6.0.2中出現了這個問題，它也出現在移動Safari（至少在iOS 6中）。將我的背景保存爲隔行掃描並不能全面工作&色彩空間爲RGB。謝天謝地，我的背景顏色很少&將其轉換爲GIF完全解決了這個問題。

來源

2013-02-15 06:42:08

發生這種情況是因爲PNG沒有alpha通道。只有圖像具有透明像素時，Photoshop纔會將圖像保存爲Alpha通道。爲了在Safari中正常工作，IHDR中的PNG圖像塊內容必須具有「truecolor-apha」。你可以在tweakpng（http://entropymine.com/jason/tweakpng/）或類似的程序中看到png塊。

來源

2013-06-27 01:33:51 Marina

野生動物園渲染圖像背景加載黑色

回答

相關問題