背景重复对FF 42的奇怪影响

Question

看看这个fiddle：

你会看到由拉伸的gif创建的阴影线。

下面是一个带有背景的div，只有这个gif，由repeat-x拉伸。

FF导致重复gif垂直至少1次，但没有设置y重复。

在Chrome和Safari上运行良好，并且一直致力于FF 41.0.2。

任何人都可以解释我做错了还是浏览器错误？

HTML：

<img src="http://www.advertzoom.de/staging/imgs/csh_winstyle/dhxtoolbar_slider_middle.gif" width="300px" height="3px">
<br>&nbsp;
<div class="bgbox"></div>

的CSS：

.bgbox {
    background-image: url("http://www.advertzoom.de/staging/imgs/csh_winstyle/dhxtoolbar_slider_middle.gif");
    background-position: center center;
    background-repeat: repeat-x;
    font-size: 1px;
    margin-left: 0px;
    margin-right: 0px;
    border: 1px solid red;
    height: 100px;
    width:300px;
}

修改

将框的高度从偶数值更改为奇数值是切换效果。似乎可能是一个浏览器错误。

Answer 1

如评论中所述，只有在缩放系数不是100％时才会出现此问题。显然，OP的浏览器被认为缩放因子是100％，而实际上是125％。 （截图显示，300px div实际上是375像素宽。）

我记得有一次，当缩放因子不是100％时，Firefox可能会因打开或关闭“仅缩放文本”菜单项而感到困惑，但显然情况并非如此。还有其他事情发生了。

因此虽然OP的真正问题（为什么FF认为缩放因子不是它）并没有真正解决，但字面上的问题是答案是“缩放因子”。它可能与Firefox v42无关。