Question

我想在不使用<img/>标记的情况下将图片作为背景插入。我尝试过以下代码：

HTML：

<body>

     <div class="icon"> </div>

</body>

CSS：

.icon 
{
    background-image:url("Pictures/control.png");
}

我也在CSS中尝试了#icon，但它不会再显示任何内容。如果我使用img标签<img src="Pictures/control.png" />它可以工作。

你能告诉我我做错了什么吗？

Answer 1

由于.icon没有内容，因此您需要设置尺寸。

.icon {
    background-image:url(...);
    width: 150px;
    height: 150px;
}

Answer 2

路径正确。

<div class="icon"></div>

示例：

.icon {
 display: block;
 width: 200px;
 height: 200px;
 background:url("Pictures/control.png") 0 0 no-repeat;
}