CSSのネタ~backgroundが表示されない。Clearfix part2

2011.08.27

floatしたDIV要素や画像などが枠からはみ出てしまう時に有効なClearfixですが、同じ理由から陥りやすい事があります。

親要素にbackgroundで背景に画像を配置したのに画像が表示されない。

なんてことになった事はありませんか。

ひょっとしたら、背景画像を指定している要素にClearfixを指定すれば背景が表示されるようになるかもしれません。

(他の原因かもしれませんが。)

要するに、子要素がfloatされているために、背景に指定した要素が表示されていないわけです。

モダンブラウザで背景画像が表示されない、または、子要素の上で切れてしまっている、などの現象ではまってしまった時は、疑ってみて下さい。