画像 重ねる

質問

htmlソース
<div id="title">
<a href="index.html"><img src="img/logo.png"></a>
</div>

cssソース
#title{
background-image: url(img.jpg);
}

cssソースに記述してある画像が、htmlソースのリンク付き画像の背景に表示されません。
対処方法をご教示いただけないでしょうか？

よろしくお願いいたします。

回答No.1

ORUKA1951 · ベストアンサー

そんな無駄なHTMLは書きませんが・・
それよりもlogo.pngは透明なのですか？
CSSで指定する画像はCSSからのパスですよ。

<h1><a href="index.html"><img src="./img/logo.png" width="240" height="80" alt="ページタイトルを書く"></a>
CSSが同じ場所にあるなら
h1がひとつしかなければ・・
h1 a{background-image:url(./img/img.jpg);}

デザインのためにdivやidを付けない。

回答No.2

naokita

１、
画像はどこにあるの？
前画像が、img/logo.png
裏画像が、img.jpg
になってるけど、もしかして、
background-image: url(img/img.jpg);
じゃないのかな？

２、
#title{
background-image: url(img.jpg);
height:～～px;
}
最低でも背景の高さを前面画像より大きくしないと、裏の画像が見えない・・・

当然、width:～;や、前画像にも
<img src="img/logo.png" width="10" height="10" alt="*">
の幅や高さを指定。数値を小さくしてみたら↑↑

３、
その他のCSSが間違っていてエラーがでているとか・・・
最小ソースで書いてみましょう。