asi********

2011/4/8 14:34

33回答

positon:relativeを行ったdivの背景画像が表示されない。どのように書いたら背景画像が表示されるでしょうか？

positon:relativeを行ったdivの背景画像が表示されない。どのように書いたら背景画像が表示されるでしょうか？ ------------------------- HTML ------------------------- <div id="AllWrapper"> <div id="Wrapper"> <div id="AllContents">あああああああああああ</div> </div> </div> ------------------------- CSS ------------------------- #AllWrapper{ background-image: url(bg.jpg); background-color:#330033; position:relative; background-repeat:repeat; } #Wrapper{ background-image: url(mainbg.jpg); } #AllContents{ height: 2000px; width: 1000px; background-color:#FFFFFF; position:absolute; left:200px; }

HTML、CSS・4,020閲覧

ベストアンサー

ID非表示

2011/4/8 21:58

sitakirisuzume567さんの回答に同意です。 position:absoluteされた要素は高さの計算から除外されます。 #AllContentsのposition:absolute;を消して試してみれば確認できると思います。

この回答はいかがでしたか？ リアクションしてみよう

その他の回答（2件）

mtr********

2011/4/8 17:47

#AllContents の background-color が重なってるんじゃないの？

sit********

2011/4/8 14:44

>asikit0407さん ＞positon:relativeを行ったdivの背景画像が表示されない。 position:absolute;を使った要素しかなく、内容がない状態だからでは？ #AllWrapper や #Wrapper にborderをつけてみれば、その要素の範囲（背景画像が表示される領域）が分かります。 あるいは #Wrapper にheight:200pxをつけてみる。 横にずらすだけならpositionを使わなくともmargin-leftで十分だと思います。