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

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的一部分的图像。