スクロールで背景画像が消えるバグ

背景画像が入り組んでいるサイトでよく出くわすのが、

• 縦スクロールすると背景画像が消える（主にIE）
• ウィンドウサイズをWebサイトの最小幅より狭くし、横スクロールバーが出た状態でて横スクロールすると、背景画像が消える

こと。
そしてそれを、「ブラウザの仕様だから仕方ないんだよね」と聞いた。

そんなに難しいことじゃないのでは？と思っていたのでメモしておく。

１．縦スクロールで背景が消える

たいてい、フッターに背景画像を指定し、かつposition系のプロパティを指定しているときに起こる。

２．横スクロールで背景が消える

メインコンテンツに固定幅、その外のコンテナボックスに背景画像を指定し、
メインコンテンツよりもブラウザウィンドウの幅を狭くし、横スクロールバーを動かすと発生することが多いです。

両者とも、背景画像を指定しているボックスに幅や高さを指定することで直ります。
場合によっては、min-width系やheight:1%レベルでも直るかもしれません。

わたしはいまだに、zoomよりもheight1%でIE対策をすることが多く、、、
他のバグを併発することもあって、使いにくいとは分かっているのですが、
個人的にあんまりzoomが好きではないのですよ･･･。ハックと同じくらいのレベルですが。

今さらの話題ですが、jQueryでCSS3セレクタ系の指定ができるようになったんですね。
ほんと、CSSをいじる人間には便利なライブラリです、jQuery。