我目前使用的方法是添加<img src="A-Button-Image.png" style="width:100%;">HTML 表，图像大小可以根据屏幕大小进行缩放。
但是，A-Button-Image.png包含两个图像，悬停和正常状态。因此，我想使用背景位置来触发翻转效果？有没有办法使用 CSS 来控制背景位置但又不会失去图像调整大小的能力？我知道还有另一种解决方案是 onmouseover & onmouseout，但我还是更喜欢 CSS。
谢谢
问问题
912 次
2 回答
1
有background-size你的需要的属性。只需将其设置为 200%，您将同时获得可扩展性和 spriteability。
自己看。
你甚至可以在你的精灵中使用两个以上的图像。您只需将多个图像乘以 100% 并将结果放入background-size属性中。
于 2013-01-31T21:24:53.847 回答
0
解决方案是将 background-size 设置为 100% 并将 padding-bottom 设置为百分比。
于 2013-01-31T23:45:05.473 回答