- ベストアンサー
css divの入れ子の背景画像
3重の入れ子になった<div>、それぞれに背景画像を指定したいのですが、 IE6（win）では一番内側の、firefox1.0.7(win)では内側の２つが、背景画像として表示されません。。 色々検索などして調べましたが、バグとして報告されていないようで、お教え頂きたいです。 上記のようなことは表示不可能なのでしょうか？
- gohan_gohan
- お礼率92% (233/251)
- HTML
- 回答数4
- ありがとう数5
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
- ICHI-yan
- ベストアンサー率33% (45/134)
表示可能です。あなたのソースが悪いか、バグです。 としか、ソースなしでは答えられません。 入れ子をfloatで配置していませんか？ これなら、超有名なバグです。 ソースを出さないと有益なアドバイスは誰にもできません。
お礼
返信が遅くなりまして大変失礼致しました。 質問させていただいた件、その後色々調べたところ、floatさせたdivの、その外側の背景を表示させるための方法がわかりました。 有名なclearfixという対処方法で対応しました。 ご回答いただいたにも関わらずお礼が遅れまして大変失礼致しました。 どうもありがとうございました。
- key-child
- ベストアンサー率54% (25/46)
特に問題ないようですが・・・ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>html test</title> <style type="text/css"> <!-- #a { width: 300px; height: 300px; background-image: url(""); } #b { width: 200px; height: 200px; background-image: url(""); } #c { width: 100px; height: 100px; background-image: url(""); } --> </style> </head> <body> <div id="a"> <div id="b"> <div id="c"> </div> </div> </div> </body> </html> 表示されないならどこかがおかしいのでしょう。 ソースを提示すればどなたか検証してくれるでしょう。
お礼
返信が遅くなりまして大変失礼致しました。 その後色々調べたところ、floatさせたdivの、その外側の背景を表示させるための方法がわかりました。 有名なclearfixという対処方法で対応しました。 ご回答いただいたにも関わらずお礼が遅れまして大変失礼致しました。 どうもありがとうございました。
- quads
- ベストアンサー率35% (90/257)
状況がよく分かりません。 ソースを示すか、より詳しい説明をいただけますか？
お礼
返信が遅くなりまして大変失礼致しました。 その後色々調べたところ、floatさせたdivの、その外側の背景を表示させるための方法がわかりました。 有名なclearfixという対処方法で対応しました。 補足要求をしていただいたにも関わらず返事もせず、大変失礼致しました。 ありがとうございました。
お礼
返信が遅くなりまして大変失礼致しました。 なるほどです。古いブラウザのバグを検証するためには、Netscape 7.1、firefoxは最新のものに更新といった環境にした方がベストなのですね。 質問させていただいた件、その後色々調べたところ、floatさせたdivの、その外側の背景を表示させるための方法がわかりました。 有名なclearfixという対処方法で対応しました。 ご回答いただいたにも関わらずお礼が遅れまして大変失礼致しました。 どうもありがとうございました。