没有文字的 CSS 背景图片？

Question

我有一个简单的信息图标，我想将它显示为 css 背景图像。这是我尝试过的:

span.info {
    background-image: url(info.png);
    float: right;
    width: 17px;
    display: block;
}

这是我如何使用它:

<span class="info"></span>

这不会显示图像。我必须有一些文字，像这样:

<span class="info">test</span>

这会显示带有文本的图像，但我希望它没有任何文本，只有图像。怎么了？

谢谢!

Answer 1

你必须在你的风格中设置一个高度。

span.info {
    background-image: url(info.png);
    float: right;
    width: 17px;
    height: 17px;
    display: block;
}