我最近在vk.vom上看到了一些有趣的css技巧
background: url(/images/icons/mono_iconset.gif?8) no-repeat left -237px;
width: 15px;
height: 11px;
以下是这个spritesheet：Spritesheet。
这是如何运作的？
答案 0 :(得分：0)
似乎URL参数与spritemap本身无关。
另一方面，不同的高度由您提供的CSS中的height处理。此外，y偏移确定将使用哪个图标。
答案 1 :(得分：0)
?此处无关，left -237px确定要显示的图标。
background-position: x y和高度一起决定了图像的哪个部分需要显示。
有关css sprites http://cssglobe.com/creating-easy-and-useful-css-sprites/
的更多信息答案 2 :(得分：0)
可能会插入URL参数以避免在部署该样式表的新版本时出现缓存问题。如果你使用query string附加某些东西（比如？8），浏览器会被认为这是一个完整的其他文件，所以它会丢弃缓存的文件并下载新的文件。
＆＃34;技巧＆＃34;你正在寻找的是一个CSS精灵。基本上，每个图标都加载到一个图像中，精灵中的图标用作固定宽度容器的背景图像（如anchor display: block;或div） 。然后，当使用backgound-position属性进行游戏时，精灵的不同部分将可见。
在this article中了解有关CSS精灵的更多信息。
