可缩放元素图像的CSS Sprites

Question

我有一个包含图像的代码的html部分。通过简单地改变它们的大小（宽度和高度），图像可以在html中调整大小/放大。我想用CSS Sprites替换图像（加载一个文件而不是很多）。问题是，如果我有一个div的背景，如果我更改div大小，背景中的图像不会调整大小。

你知道一个方法来实现它吗？有没有一种方法可以在大多数浏览器上从图像中加载裁剪后的图像部分，然后调整它们的大小，就像我会用一个简单的图像一样？

后来编辑：图像只能加载一次，调整大小应该在客户端大小上执行，以便在将鼠标移到图像上时为用户提供更好的视图。

Answer 1

在您的具体使用情况下，纯CSS Sprites不会起作用，构建复杂的JavaScript来切碎精灵图像将导致比单独加载图像更多的开销。

不是一个真正的答案，但你的用例超出了CSS sprite技术所能做到的。如果您可以提供更多关于您的应用程序的背景信息（即调整大小的目的，正在调整服务器端/客户端等等的大小），则可能会有其他解决方案来加速网站的加载。