2012-04-05 13 views
7

私は現在、ウェブサイト上で作業しており、Safariに問題があります。画像を読み込むときは、スタンドとして配置されている黒の背景があります。むしろ、これは透明または白ですが、私はそれを理解できないようです。それをチェックアウト:Safariレンダリング画像の背景に黒色があります

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

私はhtmlと体が作られた背景色を持っていました:白;しかし、これは問題を変更していないようです。

答えて

2

ちょうど私が私の画像がグレースケールカラースペースにあったサファリ6 で同じ問題を抱えていたinterlacedオプション

+0

私は「インターレース」を試みましたが、少なくともSafari 6.0.2では問題は解決しません。 – Ben

0

私は上記と同じ問題を抱えています(Safariでも同じです)。私のbodyタグは背景イメージを持ち、repeat-xで、ウェブサイト全体の背景として使用されます。ユーザーがSafariのページに移動すると、ページの読み込みに黒い点滅があります。私はこれを解決する年月を探しましたが、Safariの未解決のバグのようです。

htmlタグとbodyタグに "style:background-color:#FFF"を追加しようとしましたが、古い学校 "bgcolor:#FFF"を使ってみました。

Safariに動作させる唯一の方法は、CSS + jQueryを使用することでした。あなたのhtmlとCSSファイルに "bg-on"のクラスを与えます。 .jsファイルリンクされたファイル、またはタグ内のHTMLページの中で:DOMは、ブラウザによってロードされるときに

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 

何以上行うことは、それゆえSafariはしませんが、体からクラスを削除しています背景画像がないため、黒い背景を表示します。次に、window.loadイベントが発生すると、すべてのアセットがロードされると、ボディに背景イメージが与えられます。

"bg-on"のクラスはJS無効ブラウザには影響しませんhtmlにハードコードされています。

特に優雅な解決策ではありませんが、それは私の仕事です。

1

でPNG画像を保存します。私はそれをrgbに切り替え、問題は消えた。 画像の色空間の設定を確認してください!

0

私はSafari 6.0.2でも最近この問題を抱えていましたが、これはモバイルSafariでも(少なくともiOS 6では)現れました。インターレースで背景を保存すると、ボード全体で機能しませんでした&色空間はRGBでした。ありがたいことに私の背景には色がほとんどありませんでした。& GIFに変換して問題を完全に解決しました。

1

これは、PNGにアルファチャンネルがないために発生します。 イメージに透明ピクセルがある場合のみ、Photoshopはアルファチャンネルでイメージを保存します。 Safariで正常に動作するためには、PNGイメージのIHDRチャンクに内容が "truecolor-apha"である必要があります。 tweakpng(http://entropymine.com/jason/tweakpng/)や類似のプログラムでpngチャンクを見ることができます。

関連する問題