【发布时间】：2013-05-14 17:29:38
【问题描述】：
带有背景图像的按钮在 Chrome 中显示模糊，但在 Mozilla 和 IE 中清晰。我需要针对 Chrome 进行一些特别的调整吗？
【问题讨论】：
标签： image google-chrome button blurry
【发布时间】：2013-05-14 17:29:38
【问题描述】：
确保您指定的图像大小与源相同。如果要渲染的尺寸稍大，则会像您在屏幕截图中显示的那样模糊。
【讨论】：
-
唯一能做的就是让按钮变小，这样图像就会偏离中心并且仍然一样模糊。看起来 Chrome 更像是在尝试做一些抖动。
<button type="button" style="border-radius: 5px; width:26px; height: 24px; background-image: url('features.png'); background-repeat: no-repeat; background-position: 0px 0px;"></button>
我发现了问题，并为浪费大家的时间而道歉。由于某种原因，应用页面被缩放了 110%。将其设置为 100%（Chrome 的默认设置）解决了该问题。
【讨论】：