こんな感じの画像を利用した時に、IEで1pxの斜め背景がチカチカしてしまったのを対応したメモ。
1 2 3 4 5 |
body{ background: url(bg.gif) repeat ; //リピートで全体に表示 } |
このように普通に全体に画像を敷くと、IEではチカチカした感じに表示されてしまいます。
これは背景がスクロールすることによって起こる現象なので、background-attachment:fixed;で背景画像を固定して動かなくすることで解決します。
1 2 3 4 5 6 |
body{ background: url(bg.gif) repeat ; background-attachment:fixed; } |
background-attachment:fixed;は、background-imageプロパティとセットで使います。
背景画像の位置が固定され、スクロールしても動かなくなります。
background-attachmentの初期値は、scrollです。