references

CSSのネタ～backgroundが表示されない。Clearfix part２

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

 

親要素にbackgroundで背景に画像を配置したのに画像が表示されない。なんてことになった事はありませんか。

 

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

（他の原因かもしれませんが。）

 

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

 

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