我这里有一个模型
如果你点击一个日期,你会得到前进和后退箭头。这些似乎不是我想知道它们是如何渲染的图像。
如果您查看 CSS,您会注意到以下行:
background-image: url(../img/glyphicons-halflings.png);
所以,这些按钮确实是图像。
glyphicons-halflings.png
是一个包含许多不同图像的图像文件,并且使用该background-position
属性选择特定图像。如:
background-position: 14px 14px;
来自这些图标的 twitter 引导页面:
构建为 sprite
我们没有将每个图标都作为额外的请求,而是将它们编译成一个 sprite——在一个文件中的一堆图像,该文件使用 CSS 来定位具有背景位置的图像。这与我们在 Twitter.com 上使用的方法相同,并且对我们来说效果很好。
它们是属于 CSS Sprite一部分的图像。