html - 次の矢印は画像なしでどのように表示されますか?

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ブートストラップページから：
スプライトとして構築
すべてのアイコンを追加のリクエストにする代わりに、CSSを使用して画像をbackground-positionで配置する1つのファイル内の一連の画像をスプライトにコンパイルしました。これは、Twitter.comで使用しているのと同じ方法であり、うまく機能しています。

Answer 2

これらは、CSSスプライトの一部である画像です。