html - 为什么书签没有变大

Question

我试图了解该站点的工作原理，因为我想在我自己的站点上使用类似的解决方案。

我唯一不知道的是红色的东西是如何工作的，尤其是网站如何知道要使用哪个图像。作为背景，我看到 sprites.png 被使用，但那个充满了很多图像。

我想要实现的是红色的东西一直被拉出来。

Answer 1

您引用的网站使用“精灵”作为背景图像。
这是有关使用 sprites的更多信息。

使用精灵允许站点加载包含许多精灵的单个图形，然后通过调整background-position元素来定位它们以显示“精灵”图像的特定区域。

该网站还使用 javascript 来上下移动元素。
为了使书签保持退出状态，请不要应用任何 javascript。