css - 请向我解释 vk css 图标技巧

Question

我最近在 vk.vom 上看到了一些有趣的 css 技巧

background: url(/images/icons/mono_iconset.gif?8) no-repeat left -237px;
width: 15px;
height: 11px;

这是这个 Sprite 表:Spritesheet .

这是如何工作的？

Answer 1

? 与这里无关，left -237px 决定显示哪个图标。

background-position: x y 以及高度决定了图像的哪一部分需要显示。

更多关于 css sprites http://cssglobe.com/creating-easy-and-useful-css-sprites/