1

放射状のグラデーションの背景が欲しいです。コンパスを使用して目的の外観を実現できないため、SVG 画像を使用することにしました。次の出力:

background: url(/images/background.svg) no-repeat center center fixed
background-size: cover

Safari、Firefox、Safari Mobile、Chrome Mobile では素晴らしく見えましたが、Chrome ではそうではありませんでした。バンディング!

そこで、Chrome を別の方法で処理することにしました。ページが jQuery 経由で読み込まれた後に、背景画像を PNG または JPG として挿入します。だから私はそのイメージを作成しました:

放射状グラデーションの背景画像

この画像を Safari、Firefox、Safari Mobile、Chrome Mobile で開いたところ、かなりきれいに見えましたが、Chrome で開いてみると、信じられないほどひどいものに見えました。

OSX で最新の Chrome 25.0 を使用しています。なぜChromeがその画像で惨めに失敗するのか、誰でも説明できますか?

4

0 に答える 0