背景画像は固定しよう
最近よく細かいパターンを背景に使っているサイトをよく見ます。
とても洗練されていてステキですよね。
ただし、落とし穴もあるのです。
細かいパターンや10pxも満たない画像を使用すると、スクロールをした時にへんなノイズが入りやすくなります。
IEだったらそんなことはないと思うのですが、Firefoxで見ると、画像の移動の変化についてこれないのか、よくそんなことが起こります。
回避策としては、背景画像を固定することです。
スタイルシートでできます。
また、1pxとか2px幅のパターンを固定にしないでスクロールさせてしまうと目がちかちかする場合があります。
できるだけ背景は固定しましょう。
(でも例外もあると思いますので、臨機応変が大切です。)
とても洗練されていてステキですよね。
ただし、落とし穴もあるのです。
細かいパターンや10pxも満たない画像を使用すると、スクロールをした時にへんなノイズが入りやすくなります。
IEだったらそんなことはないと思うのですが、Firefoxで見ると、画像の移動の変化についてこれないのか、よくそんなことが起こります。
回避策としては、背景画像を固定することです。
スタイルシートでできます。
background:#fff url(image.gif) fixed;
また、1pxとか2px幅のパターンを固定にしないでスクロールさせてしまうと目がちかちかする場合があります。
できるだけ背景は固定しましょう。
(でも例外もあると思いますので、臨機応変が大切です。)
