没有文字的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;
}