html - 没有内部内容的位置背景图像

Question

下午好，stackoverflow 社区，

我有一个文件，里面有一些图像，我想分别使用这个图像的每个部分而不创建不同的文件。所以我开始寻找通过 CSS 赋予位置的方法，以“砍掉”我想展示的部分。

我尝试使用像 clip 这样的属性但没有成功。我得到的最接近的是在 DIV 中插入一些随机文本时给出高度和背景位置。

这是我用来演示它的 fiddle ，但由于我无法将图像更新到它，所以我只使用背景色制作。

.icon {
float: left;
background-color:#6495ED;
background-position: 0 0px;
height: 29.2px;
}   

http://jsfiddle.net/PatrickBDC/HaGNa/

有没有办法显示背景，大小相同但没有文字？

非常感谢!

Answer 1

如果 div 为空，则还需要为 div 设置宽度。尝试这样的事情

.icon {
float: left;
background: url () no-repeat 0 0;
height: 29.2px;
width:60px;
}