IEで1pxの斜め背景がチカチカするのを治す方法

こんな感じの画像を利用した時に、IEで1pxの斜め背景がチカチカしてしまったのを対応したメモ。

背景画像

このように普通に全体に画像を敷くと、IEではチカチカした感じに表示されてしまいます。

これは背景がスクロールすることによって起こる現象なので、background-attachment:fixed;で背景画像を固定して動かなくすることで解決します。

background-attachment:fixed;は、background-imageプロパティとセットで使います。
背景画像の位置が固定され、スクロールしても動かなくなります。

background-attachmentの初期値は、scrollです。