css - CSS 背景画像が表示されない

Question

右側に浮かんだ div に表示したい背景画像があります。

ここにCSSがあります

<style>
.myclass {
background-image: url('images/myimage.png') no-repeat 0 0;
float:right;
background-size:80px 80px;
}
</style>

それから私はリストを持っています：

<ul>
<li>
<div class="myclass">&nbsp;</div>
<p>Hello</p>
</li>
</ul>

なぜか画像が全く表示されません。

score 4 · Accepted Answer

セレクターを使用していますbackground-imageが、それを速記backgroundルールのように使用しています。

使用する：background: url('images/myimage.png') no-repeat 0 0;

また、フロートが div を折りたたむため、div に幅と高さを指定する必要があり 、わずかな高さと幅しか与えられません。

score 2 · Accepted Answer

このように書くこともできます

.myclass{
    background: url('images/myimage.png');
    background-repeat: no-repeat;
    height: 150px;
    width: 200px;
}

高さと幅に関する特定のプロパティを指定する必要があります。そうしないと、表示されません。1 つの提案は、フォルダー内の画像の寸法を確認し、それに応じて高さと幅のサイズを定義することです。幸運を！

score 1 · Accepted Answer

CSS 属性にbackground-image使用する代わりに。background

url() プロパティの前に background-color を追加する必要がある場合もあります。

score 1 · Accepted Answer

1

background:url('img_tree.png') right no-repeat;

于 2012-08-06T18:44:05.780 に答える

score 0 · Accepted Answer

0

それはあなたのフォルダパスかもしれません../images/を試しましたか?

于 2012-08-06T18:41:10.630 に答える

5 に答える 5