刚刚注意到 Gmail 在 UI 中用于按钮背景的 sprite 是这样的:
我们都知道这些是真正起作用的按钮:
直到现在(甚至现在)，我的想法是那个紧密排列的矩形 Sprite 中的相邻图标会出现在任何背景图像中。但是在任何 Gmail 按钮中都只显示一个图标。
它只是CSS吗？是JavaScript吗？是……魔法吗？
最佳答案
它是 CSS 和一些称为嵌套 DIV 的“额外卡路里”。实际的图标是位于按钮中心的一个单独的 DIV，其大小几乎不足以容纳一个图标。
关于javascript - Gmail 中按钮背景图片的 Sprite 是如何工作的？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8648430/