【CSS】Peekaboo Bug(ピーカブーバグ)

【CSS】Peekaboo Bug(ピーカブーバグ)


cssレイアウトでよく出会うのがIE6でのバグ。

特にこのピーカブーは、cssレイアウトを始めたばっかりの時は苦労しました。

ピーカブーバグは、float属性を使用しているとfloatに内包されたコンテンツがブラウザ表示の際に背景画像が表示されないなど
表示が不安定になるバグのことです。

対処方法

  • floatするコンテンツの親要素にwidthまたはheightで値を設定する
  • floatするコンテンツに含まれる要素に position: relative を指定する
  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ