なりせなるてず

技術ブログにしたい

Chromeで画像に-webkit-filterを適用した時のバグのような挙動

Chromeのバージョン45.0.2454.85の話です。
スマホ版では確認出来なかったのでPC用のChromeのバグだと思います。

原因

以下の様なCSSをかけて画像を少し明るめに表示してました。

img {
  -webkit-filter: brightness(1.05);
}

この状態でスクロールをしていくと、したの方の画像が真っ白になって表示されなくなります。
また上に戻るとさっきまで表示されていた画像も表示されなくなります。


ためしにmeryさんのページに上記のCSSを当て込んでスクロールした状態です
f:id:ichiy:20150915185007j:plain

驚きの白さです。
表示されてる画像もあるのですが、どういう基準で表示されたりされなかったりするのかまでは分かりませんでした。

解決方法

見つけられませんでした。
Chromeのアップデートを待つしか無さそうです。