为什么书签没有变大

Question

我正在尝试了解this site的工作原理，因为我想在自己的网站上使用类似的解决方案。

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

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

Answer 1

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

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

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