放射状グラデーションを使用chrome 18.0.1025.162
して実行しようとしています
-webkit-radial-gradient(circle, rgba(100, 100, 100, 0.2), rgba(0, 0, 0, 0.9))
問題は、グラデーションが非常にピクセル化されたものであり、色とアルファの遷移がブロックであり、滑らかではないことです。これは、Safari と Firefox では異なります。SafariとFirefoxは非常にスムーズかつうまく機能します
これはクロムのバグですか?誰でもこれと同じ問題を抱えています。シンプルなグラデーションです!!きっとこんな単純なことでグリッチなんてあり得ない
チェックアウト: http://jsfiddle.net/GyRLe/1/私が意味することのデモについて。
これに対する解決策はありますか?画像はひどいでしょう:(
(スムーズさがどれほど悪いかを確認するために):これは、私がそれを使用したときに得られるものです:http:
//i.imgur.com/UYB1d.png(Chrome)
http://i.imgur.com/tzGuq。 png (Safari) (少しエッジが効いているように見えますが、それは png のためです。それ以外の場合は、完全な滑らかさに近いです)
Firefox は Safari と同じくらい良いですが、Chrome だけではダメです背景に繰り返しスタイルの画像を配置しているため、アルファが必要です
編集: Chrome 20 (Canary) にもこの恐ろしい問題がありました!
Edit2: CSS を使用する理由は、画像を使用する必要がないためです! だから私はこれをhttp://code.google.com/p/chromium/issues/detail?id=123491に追加しました& 私はクロムが素晴らしいと思うので、グーグルが彼らの行動をまっすぐにすることを願っています