使用png图标组,但只显示一个图标时的功能名称



我试图理解一个问题,我有一个滑块,但意识到我不知道这个函数被称为什么,所以我可以了解更多。

滑块有一个带有播放,暂停和一些点的PNG,在浅色和深色(滚动)版本中都在同一图像中。每个都显示在调用它们的页面上。

我想知道这是什么,这样我就可以了解更多关于它的信息,并了解如何使用它

我认为你正在寻找的术语是"精灵",有时被称为"CSS精灵"。这个想法是,而不是有多个小图像为每件事你有一个更大的图像与所有的图标,你改变图标使用overflowbackground-position CSS属性。这改进了缓存并减少了文件请求(这在移动或拨号等有限的平台上很重要)。

这是google的第一个结果,css-tricks是相当有信誉的:http://css-tricks.com/css-sprites/

最新更新