css - 这种在网站上显示 UI 图标的方法有名称吗?它是如何完成的?

标签 css image-manipulation css-sprites

我将以堆栈溢出本身为例:

Stackoverflow 使用单个图像显示图标(见下图):

  • What is this method of displaying icons called?
  • How is it done?

sprites.png

最佳答案

CSS Sprite

http://css-tricks.com/css-sprites/

基本上它使用 css 来选择要显示的图像部分。它节省了获取图像的往返行程。

该链接详细介绍了它的工作原理。

关于css - 这种在网站上显示 UI 图标的方法有名称吗?它是如何完成的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8714586/

相关文章:

html - 将货币数字与左 Bootstrap 对齐

html - CSS3,如何使我的渐变 WebKit 背景透明?

javascript - 强制高侧面板匹配中间内容面板的高度

html - 如何正确对齐括号中的数字?

python - 用python中的Pillow替换动态图像中的同一行像素

让照片上的脸看起来更胖的算法?

php - SVG 转 JPG/PNG

performance - 如何将 CDN 加速技术应用于图标?

css - 试图让 Sprite 工作 - css

html - 如何为不同大小的图标重用 css 背景 Sprite ?