如何在没有图像的情况下显示以下箭头？

Question

我这里有

http://jsfiddle.net/yug3Q/1/

一个样机如果你点击你前进和后退箭头的日期。这些似乎并不是我想知道它们如何渲染的图像。

Answer 1

如果你看一下CSS，你会发现下面一行：

background-image: url(../img/glyphicons-halflings.png); 

所以，这些按钮确实图像。 glyphicons-halflings.png是一个包含大量不同图像的图像文件，使用background-position属性选择了特定图像。如：

background-position: 14px 14px;

从twitter bootstrap page on these icons：
建成一个精灵
而是使每一个图标的额外要求，我们也将它们编入一个精灵一堆图片使用CSS来定位背景图像的文件。这是我们在Twitter.com上使用的相同方法，它对我们来说运行良好。

Answer 2

它们是CSS Sprite的一部分的图像。