我正在使用图标作为标题等的背景图像，并且我已经使用背景位置来正确对齐它们，所以当我想用适当的精灵切片替换背景图像时，我不能再正确定位背景，是否有解决方案？
我不想为它设置动画（除了在悬停时更改一次）只是为了将切片的精灵定位为背景，即使背景位置已经被采用：
.beautifu1-gallery { 背景位置：-130px 0; }
现在我想在同一个 div 上添加另一个背景位置。
添加另一个 div 可能有效，但它不像我想要的解决方案那样优雅。
编辑评论：精灵对我来说似乎并不实用，即使数量请求大幅下降 - 因此我应该将所有图标编码为单独的图像吗？将它们标记为背景显然更容易 - 它们是什么 - 标题，导航，图像和可下载材料的说明性背景。添加另一个 div 似乎也是一种能源浪费。开发人员是否应该责怪互联网的工作方式仍然围绕基于文本的信息，似乎没有人考虑如何有效地将多个图像、视频、图形、动画从用户传输到服务器或其他方式？
这是色情而不是发展 - 试图在不考虑整体情况的情况下堵住所有可以看到的漏洞。
好吧 - 我只是沮丧地用谷歌搜索，发现了什么是 Data URIs 和 MHTML。游戏结束！