如何使用CSS将图像插入背景

我想在不使用<img/>标签的情况下将图像插入背景。我尝试了以下代码：

html：

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

CSS：

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

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

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

，因为.icon没有任何内容，您需要设置大小。

http://jsfiddle.net/isherwood/gcwu3

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

路径正确。

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

示例：

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

选择http://jsfiddle.net/b2y6n/

选择B http://jsfiddle.net/b2y6n/1/

相关内容