我有跟随 CSS精灵.当我尝试显示第一个图标时,它工作正常,但当我将缩放设置为150%时,我也会看到第二个图标的一小部分.此问题出现在Google Chrome和Internet Explorer上,但不适用于Mozilla Firefox:
div {
width: 29px;
height: 29px;
background-image: url(http://i.imgur.com/O2Cp0nb.png);
}Run Code Online (Sandbox Code Playgroud)
<div></div>Run Code Online (Sandbox Code Playgroud)
这就是它在150%缩放时的样子:

更新:克里斯建议我需要在图标之间放置一些空格.所以我的问题是:为什么?为什么即使没有这个空间,它在Mozilla Firefox上运行良好?