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 指定宽度和高度，因为浮动会折叠它，并且 只会给它一个边缘高度和宽度。

score 2 · Accepted Answer

你也可以这样写

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

你必须给它一些关于它的高度和宽度的属性，否则它不会显示。一个建议是，您检查文件夹中图像的尺寸并相应地定义高度和宽度的大小。祝你好运！

score 1 · Accepted Answer

而不是background-image用于background您的 CSS 属性。

您可能还需要在 url() 属性之前添加背景颜色。

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