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 引导页面：
构建为 sprite
我们没有将每个图标都作为额外的请求，而是将它们编译成一个 sprite——在一个文件中的一堆图像，该文件使用 CSS 来定位具有背景位置的图像。这与我们在 Twitter.com 上使用的方法相同，并且对我们来说效果很好。

Answer 2

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