Movable Type はじめ方 （初心者のための）ホーム » slog » 忘備録メモ » IE6のバグ peek-a-boo
IE6のバグ peek-a-boo
いまだ、ユーザー数がそこそこなIE6だと、表示が対応できないことが多くなります。
意外と忘れがちで、どこが悪いのか？と見落としがしなのが「peek-a-boo」といわれる、表示が不安定になる現象です。
ボーダーがきたり、表示されたり、スクロールに会わせて、背景が消えたり、表示されたり。
解決方法は
問題の箇所に対して
親要素にline-heightを指定する
親要素にwidthおよびheightを指定する
要素にposition:relativeを指定する
height:1%;
これだけでよいこともあります。
忘備録として
追記：
コバさんからコメントいただきました。
zoom: 1;
でも解決できます。
トラックバック(0)
トラックバックURL: http://www.dream-creation.biz/mt5/mt-tb.cgi/166
コメント(2)
コバ | 2009年8月21日 14:47 | 返信zoom: 1;
でも行けませんか？
コバさん
コメントありがとうございます。
zoom: 1;
もいけます。
記事に追加しておきます。
ありがとうございます。
コメントは承認後となります