可缩放元素图像的CSS精灵

时间:2011-01-19 01:35:59

标签: html css css-sprites

我有一个包含图像的html部分代码。只需更改尺寸(宽度和高度),即可在html中调整图像大小/缩放。我想用CSS Sprites替换图像(加载单个文件而不是多个文件)。问题是如果我有div的背景,如果我改变div大小,背景中的图像不会调整大小。

你知道实现它的方法吗?有没有一种方法适用于大多数浏览器从图像加载裁剪的图像部分,然后像对待简单的图像一样调整它们的大小?

稍后编辑:图像应仅加载一次,并且应在客户端大小上执行调整大小,以便在将鼠标移到图像上时为用户提供更好的视图。

1 个答案:

答案 0 :(得分:0)

在您的特定用例中,纯CSS Sprites不起作用,构建复杂的javascript来切割精灵图像会比仅单独加载图像带来更多的开销。

不是一个真正的答案,但你的用例远远超出了CSS sprites技术所能做的。如果你可以提供一些关于你的应用程序做什么的更多背景信息(即调整大小的目的,是调整服务器端/客户端,等等),可能还有其他解决方案可以加速网站的加载。