我有一个带有背景图像的div，其中包含相同图标的3种颜色
我根据用户正在查看的页面移动图标（背景位置：顶部/中心/底部）：
一切正常，直到我缩放页面（按Ctrl +鼠标滚轮）-比背景图像似乎向上移动一个像素或其他东西，因此我可以在包装div的底部看到另一个图标的一个像素行：
屏幕来自IE，但在iPad上看起来更坏了...
是否对导致此问题以及如何解决它有任何想法？
最佳答案
您可以使用diagonal sprites或仅在每个图像之间留一些空间来防止显示精灵内的任何其他图像。
我移动图标（背景位置：顶部/中央/底部）
使用时应使用显式的px偏移量。我怀疑在缩放时会更强健。
您无法真正做任何事情来防止缩放时有时出现“ 1px off”的情况。
例如，如果您有一个42px高元素，并且缩放到125％，则您有一个52.5px高元素。浏览器必须以一种或另一种方式舍入该数字。
关于html - div背景图片缩放问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6730514/