background-imageが表示されない

質問

ヘッダーの部分の背景画像が表示されません。
ＣＳＳ
#header { height: auto; display:block; margin:0px;padding:0px;width:100%; background-image: url(../images/mainback.png); }
ＨＴＭＬ
<div id="header">
<div><img src="images/topbar2.gif" alt="" usemap="#map2" border="0"　/></div>
<map name="map2">
<area href="s.html" alt=""shape="rect"coords="394,57,495,68" />
<area href="t.html" alt=""shape="rect"coords="510,57,605,68"/></map>
<div><img src="images/main.png" alt="" usemap="#map1" border="0"　/></div>
</div>
上記のようにヘッダー画像の下に背景画像をつけたいのですが、画像がある場合背景画像は重ならないんでしょうか？

回答No.2

15mm · ベストアンサー

背景として同じ場所に別画像を表示するなら、
前景（背景でないほう）の画像の透明にしたいところに透過色が設定されている必要があります。

images/topbar2.gif
images/main.png

に透過色が設定されているか確かめてください。

お礼

15mmさん、なるほど透過色ですか、ありがとうございます。

回答No.1

naokita

どこに画像を置いているのかわかりませんが、
(../images/mainback.png)
↓
(images/mainback.png)
で、どうですか？
他は、"images/topbar2.gif"　"images/main.png"　なっていますけど・・・
-----------------------------
それと、
border="0"　/>
ここに　　↑　全角スペースがあるので半角スペースにしましょう・・・

補足

naokitaさん　説明が不足してすみません。
css/basic.css
images/mainback.png
という階層になっております。例ではここは修正するべきでした。
逆に言うとこれ以外のところは大丈夫ということでしょうか？