如何在沒有圖像的情況下顯示以下箭頭？

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