用于百分比宽度的CSS滚动帮助

有没有人知道一种方法，可以让CSS滚动图像具有一定的宽度，这样它就可以随着页面的大小进行缩放

我假设我不能使用这里显示的方法，因为它将图像精灵设置为背景图像

我见过的唯一其他CSS方法是这里：
我喜欢这种方法，但想知道是否可以使用一个图像精灵，而不是单独加载图像

对不起，如果我听起来很含糊，每当我读到这些问题时，我总是认为写这些问题的人没有正确地描述他们的意思，现在我来做了，我自己也没有好转哈哈。

---

谢谢你的帮助：）

我不知道你怎么能用精灵做到这一点。它们是通过设置一个大图像作为元素（通常是DIV）的背景，然后改变位置，以便只显示图像的所需部分来完成的。通过改变背景图像的位置，不同的div可以显示图像的不同部分

但是，不能缩放背景图像。它们总是以1:1的比例出现。你可以让它们在元素中重复，也可以不重复，但是你不能缩放它们，所以精灵的想法已经过时了

正如您发布的链接所示，使用单独的图像进行操作相当简单

为滚动加载图像非常简单。只需包含一个图像标记，并将CSS设置为隐藏图像：

<img src='myrolloverimage.jpg' style='visibility:hidden; display:none;' />

---

如果您不需要支持IE8及更早版本，可以使用CSS3

后台大小

属性和百分比值

---

与前景图像一样，sprite文件很可能不是一个合理的选择。缩放图像时，sprite文件会增加复杂性。

背景位置

基于图像的缩放大小，使用百分比值获取准确位置是有问题的。

谢谢您的建议：）您知道是否可以预加载滚动图像吗？对不起，如果这是真的很明显，我是相当新的网页设计，谢谢我已经添加了信息预加载到我的答案。