IE6のバグ peek-a-boo
Category : Webとインターネット , 忘備録メモ
いまだ、ユーザー数がそこそこなIE6だと、表示が対応できないことが多くなります。
意外と忘れがちで、どこが悪いのか？と見落としがしなのが「peek-a-boo」といわれる、表示が不安定になる現象です。
ボーダーがきたり、表示されたり、スクロールに会わせて、背景が消えたり、表示されたり。
解決方法は
問題の箇所に対して
親要素にline-heightを指定する
親要素にwidthおよびheightを指定する
要素にposition:relativeを指定する
height:1%;
これだけでよいこともあります。
忘備録として
追記：
コバさんからコメントいただきました。
zoom: 1;
でも解決できます。
2 Comments
コバ
2009年8月21日 at 2:47 pmzoom: 1;
でも行けませんか？
drecre
2009年8月21日 at 2:51 pmコバさん
コメントありがとうございます。
zoom: 1;
もいけます。
記事に追加しておきます。
ありがとうございます。