html - 图标 map (或图表)如何工作?

标签 html css icons

我在查看一些网站的源代码时总是发现类似的东西
所有的图标都集中在一个图表中。我后来意识到它们在需要时分别引用每个图标。我在 w3schools 中找到了一篇关于图像映射的好文章
它给了我主要的想法,但我仍然需要它是如何工作的 我可以了解有关如何完成此操作的更多信息吗?文章或任何了解更多的东西 感谢大家

enter image description here

最佳答案

它们被称为“CSS sprites”,Chris Coyier 写了一篇关于这个主题的权威文章 http://css-tricks.com/css-sprites/

关于html - 图标 map (或图表)如何工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17862596/

相关文章:

javascript - 如何多次调用一个动画函数

名称中的 CSS 空间和麻烦的 XSLT

ruby-on-rails - CSS 未在应用程序中加载

c# - Properties.Resources 图标名称未出现在智能感知中

安卓通知动态图标

html - 用空标签塑造形状。需要代码解释

带有按钮的javascript

javascript - HTML 模板 JavaScript polyfill

css - CSS 选择器的一个奇怪问题

Java Swing JButton 图像错误调试