相关疑难解决方法(0)

CSS精灵 - 在缩放时显示另一个图像的一部分

我有跟随 CSS精灵.当我尝试显示第一个图标时,它工作正常,但当我将缩放设置为150%时,我也会看到第二个图标的一小部分.此问题出现在Google Chrome和Internet Explorer上,但不适用于Mozilla Firefox:

的jsfiddle

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上运行良好?

html css css-sprites background-image page-zoom

1
推荐指数
1
解决办法
2403
查看次数

标签 统计

background-image ×1

css ×1

css-sprites ×1

html ×1

page-zoom ×1