FC2ブログ
top

Peekaboo Bug

IE6のバグにPeekaboo Bugというものがあります。発生条件と対処法を紹介。

発生条件はスタイルでfloatを使用していると、floatを指定した要素内のコンテンツや、floatを指定した要素と隣接する要素の一部が表示されなくなる。
画面をスクロールしたり、選択すると表示されるため、その挙動を「いないいないばぁ(Peekaboo)」 と呼ばれている。

対処法は、
(1)floatを指定した要素の親要素にline-heightを指定。
(2)floatを指定した要素の親要素にwidthまたは、heightを指定。
他にもあるみたいですが、上記のどちらかで回避。

余談ですが、Google Code のIE7.jsでも一括回避もできるみたいです。こちらはまだbeta版ですが、現在IE9.jsまで公開しており、他の様々なbug(Doubled Margin等)にも有効のようです。その他様々なIE対策(透過pngなど)に使えます。他のスクリプトとのバッティングさえクリアできれば最高のツール。一応以下にリンクを。
ie7-js - Project Hosting on Google Code

スポンサーサイト



コメントの投稿

非公開コメント

Search
Category
Latest Article
Monthly Archives
All Article Link
Link
ブロとも申請フォーム
RSS Link
QR Code
QR
Calender
03 | 2021/04 | 05
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -
天気予報

-天気予報コム- -FC2-
FC2ブックマーク