gpt4 book ai didi

javascript - Gmail 中按钮背景图片的 Sprite 是如何工作的?

转载 作者:行者123 更新时间:2023-12-03 10:04:08 24 4
gpt4 key购买 nike

刚刚注意到 Gmail 在 UI 中用于按钮背景的 sprite 是这样的:

Gmail button background sprite

我们都知道这些是真正起作用的按钮:
Actual Gmail buttons - WITH background images

直到现在(甚至现在),我的想法是那个紧密排列的矩形 Sprite 中的相邻图标会出现在任何背景图像中。但是在任何 Gmail 按钮中都只显示一个图标。
它只是CSS吗?是JavaScript吗?是……魔法吗?

最佳答案

它是 CSS 和一些称为嵌套 DIV 的“额外卡路里”。实际的图标是位于按钮中心的一个单独的 DIV,其大小几乎不足以容纳一个图标。

关于javascript - Gmail 中按钮背景图片的 Sprite 是如何工作的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8648430/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com