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>

由于某种原因，图像根本没有显示。

Answer 1

您正在使用background-image选择器，但使用它就像是速记background规则一样。

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

当浮动折叠它时，您还需要指定div的宽度和高度，而 只会给它一个边缘高度和宽度。

<强> jsFiddle example

Answer 2

您也可以像这样写

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

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

Answer 3

而不是background-image使用background作为CSS属性。

http://www.dustindiaz.com/css-shorthand/

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

Answer 4

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

Answer 5

它可能是你的文件夹路径..你试过../ images /？