CSS-移动图像调整大小

我目前使用的方法是在HTML表单中添加

，图像大小可以根据屏幕大小进行放大和缩小

但是，A-Button-Image.png包含两个图像，悬停和正常状态。因此，我想使用背景位置来触发翻转效果？有没有一种方法可以使用CSS来控制背景位置，但不会丢失图像调整大小的功能？我知道还有另一个解决方案是onmouseover&onmouseout，但我还是更喜欢CSS

---

谢谢

这里有一个

背景尺寸

属性可以满足您的需要。只需将其设置为200%，您将获得可伸缩性和可精神性

---

您甚至可以在精灵中使用两个以上的图像。您只需将图像的数量乘以100%，并将结果放入

背景大小属性中。
解决方案是将背景大小设置为100%，并将底部填充为百分比
 谢谢！但一旦删除文本，它就不会显示图像。和
显示：内联块
不起作用这只是因为我将元素的高度设置为%，但由于默认情况下文档的正文与里面的内容一样高，所以我必须在里面放一个文本。在实际情况下，您肯定会将图标放在高度大于0的元素中，这样它就可以正常工作。请参阅更新的代码：。我添加了body和html的规则来填充所有窗口空间。现在你不需要任何文本。