Firefox 25 – ピクセル指定したCSSグラデーション

Firefox 25 からCSSグラデーションの描画方法が
変わったみたいで表示がおかしくなってしまいました。

テストページでは width の幅が増えるほどぼやけます。
Firefox 24 までなら幅が違っても表示に違いありません。
IE 11 や Opera 12 では Firefox 24 以下と同じです。
ちなみに Chrome は論外。

ピクセル指定したCSSグラデーション

ピクセル指定した場合はそのピクセルの範囲内だけで
グラデーションするものだと思うのですが・・・。

テストページの様な場合
background-size の指定と background-repeat:no-repeat を
書き加えれば width の幅が変わっても表示は一定になります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です