- ベストアンサー
css divの入れ子の背景画像
3重の入れ子になった<div>、それぞれに背景画像を指定したいのですが、 IE6（win）では一番内側の、firefox1.0.7(win)では内側の２つが、背景画像として表示されません。。 色々検索などして調べましたが、バグとして報告されていないようで、お教え頂きたいです。 上記のようなことは表示不可能なのでしょうか？
- gohan_gohan
- お礼率92% (233/251)
- HTML
- 回答数4
- ありがとう数5
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
関係ないけどFirefox 1.0.7はサポートが終了してるから2.0.0.1にアップデートしたほうがいいし、Webデザインという視点から古いGeckoエンジンのブラウザに対応させたい場合はNetscape 7.1のほうがもっと古くてステキなバグもあるし、いずれにしろその環境で確認するのはイマイチです。 IEとFx 2.0.0.1とNS 7.1とあとOperaなんかで動作確認して正常に表示できれば、ゴーサインみたいのがベストだと思います。 しかしこれじゃぁ問題を解決するには至ってないわけで、解決するにはやはりソースを提示したほうがいいです。ソース見ればバグなのかどうかも分かる人いるし。
その他の回答 (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という対処方法で対応しました。 ご回答いただいたにも関わらずお礼が遅れまして大変失礼致しました。 どうもありがとうございました。