0

過去数日間、理解しようとしてきたこの非常に厄介な問題があります。Stackoverflow で考えられるすべての解決策を読みましたが、何も機能しません!

HTML に次のコードがあります。

<div id="picture">
   <div class="picture-1"></div>
   <div class="picture-2"></div>
   <div class="picture-3"></div>
</div>

そして私のCSSのこのコード:

#picture {
height: 250px;
border-top: 1px solid #ffefaf;
border-bottom: 2px solid #ffffff;
clear: both;
}

.picture-1 {
background: transparent url('images/view.png') left top no-repeat;
}

.picture-2 {
background: transparent url('images/plant.png') left top no-repeat;
}

.picture-3 {
background: transparent url('images/view.png') left top no-repeat;
}

写真は正しいフォルダにあり、名前は正しいですが、機能しません。何が問題なのですか？

4

3 に答える 3

0

追加#picture div{height: 250px;}

あなたの答えのためのJSフィドル-> http://jsfiddle.net/niteshp27/xkLd7/

于 2013-12-04T19:24:46.810 に答える
0

あなたの写真DIVには寸法がありません。IMGタグのように、サイズを画像に自動的に設定しません。とを使用して CSS でこれを設定する必要がありwidth:ますheight:。

于 2013-02-22T16:18:14.243 に答える
0

問題は、内側の div にサイズがないため、css に次の行を追加しようとすることだと思います。

#picture  > div {
    width: 200px;
    height: 200px;
}
于 2013-02-22T16:25:10.187 に答える