タグ

ブックマーク / www.0ness.net (1)

  • IE6 peek-a-boo - lovelog || Loveness×Zeroless

    表示が不安定になるIE6の「peek-a-boo」 IE6でCSSのfloatプロパティを指定した際に、その中のborderや背景画像の表示が不安定になる現象があります。スクロールしたり画面を動かしたりすると、見えたり見えなかったりしますがこの現象を「peek-a-boo」というらしいです。 これのせいで実際に表示されているのにCSSを間違えてしまったかのような錯覚に陥ったり、いらない確認作業をしてしまったりする人もいるかもしれません。(僕は勘違いしました。) これを回避するにはいろいろ方法があるみたいです。 1.floatする親要素にline-heightを指定する 2.floatする親要素にwidthおよびheightを指定する 3.floatの中の要素にposition:relativeを指定する 上記のどれかで回避出来ます。

  • 1