将CSS精灵定位为背景图像

将CSS精灵定位为背景图像,css,css-sprites,sprite,background-position,Css,Css Sprites,Sprite,Background Position,我使用图标作为标题等的背景图像,我已经使用背景位置来正确对齐它们,因此当我想用精灵的适当切片替换背景图像时,我无法再正确定位背景,有解决方案吗 我不想对其设置动画,只想在悬停时更改一次,以将切片的精灵定位为背景,即使已采用背景位置: .beautifu1画廊{背景位置:-130px 0;} 现在我想在同一个div中添加另一个背景位置 添加另一个div可能会奏效,但它并不像我希望的解决方案那样优雅 编辑评论:精灵对我来说似乎并不实用,即使请求的数量大幅下降——因此我是否应该将所有图标编码为单独的图

我使用图标作为标题等的背景图像,我已经使用背景位置来正确对齐它们,因此当我想用精灵的适当切片替换背景图像时,我无法再正确定位背景,有解决方案吗

我不想对其设置动画,只想在悬停时更改一次,以将切片的精灵定位为背景,即使已采用背景位置:

.beautifu1画廊{背景位置:-130px 0;}

现在我想在同一个div中添加另一个背景位置

添加另一个div可能会奏效,但它并不像我希望的解决方案那样优雅

编辑评论:精灵对我来说似乎并不实用,即使请求的数量大幅下降——因此我是否应该将所有图标编码为单独的图像?当将它们标记为背景时,显然更容易——它们是什么——标题、导航、图像和可下载材料的说明性背景。添加另一个div似乎也是一种能源浪费。互联网的工作方式仍然围绕着基于文本的信息,而且似乎没有人考虑如何将多幅图像、视频、图形、动画从用户高效地传输到服务器,或者以其他方式传输,这是开发人员的责任吗

这是色情而不是发展——试图堵塞每一个可以看到的漏洞,而不考虑整体情况


好吧,我只是出于沮丧,在谷歌上搜索了一下,发现了什么是数据URI和MHTML。游戏结束

也许另一个div会起作用?你能详细说明一下吗?我们不知道你是想给图像设置动画还是在div周围移动它……以“我正在使用背景位置”开头的条款已经非常混乱,可能会阻止你得到答案。假设我们什么都不知道,因为我们不知道:你能再发一些你的代码吗?在没有多少事情可以继续的情况下,很难看出你遇到了什么问题-/也许另一个div会起作用?你能详细说明一下吗?我们不知道你是想给图像设置动画还是在div周围移动它……以“我正在使用背景位置”开头的条款已经非常混乱,可能会阻止你得到答案。假设我们什么都不知道,因为我们不知道:你能再发一些你的代码吗?在没有多少事情可以继续的情况下,很难看出你遇到了什么问题-/