背景画像は固定しよう

最近よく細かいパターンを背景に使っているサイトをよく見ます。
とても洗練されていてステキですよね。
ただし、落とし穴もあるのです。

細かいパターンや10pxも満たない画像を使用すると、スクロールをした時にへんなノイズが入りやすくなります。
IEだったらそんなことはないと思うのですが、Firefoxで見ると、画像の移動の変化についてこれないのか、よくそんなことが起こります。

回避策としては、背景画像を固定することです。
スタイルシートでできます。

background:#fff url(image.gif) fixed;

また、1pxとか2px幅のパターンを固定にしないでスクロールさせてしまうと目がちかちかする場合があります。
できるだけ背景は固定しましょう。
(でも例外もあると思いますので、臨機応変が大切です。)
top

ホームページ作成に役立つコーナー