放射状のグラデーションの背景が欲しいです。コンパスを使用して目的の外観を実現できないため、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がその画像で惨めに失敗するのか、誰でも説明できますか?