IE9中的背景渐变消失有时候 - 似乎是随机的

Question

伙计，我无法弄清楚这一点。这是最无聊的事情。在IE9中，背景渐变似乎随机消失，具体取决于元素的宽度。

刚开始，这是一个你可以查看的测试链接。

http://babackofficedev.radolo.com/TestButtons.aspx

奇怪的是，它在JS fidde中没有发生：

http://jsfiddle.net/jmillspaysbills/n833q/

我认为我已经缩小了罪魁祸首，但我无法弄清楚为什么会发生这种情况。问题似乎是background-size:属性。在我的带有渐变的按钮上，我给它：background-size: 1px 175%，然后悬停：background-size: 1px 100% - 这基本上允许在chrome，firefox等上平滑过渡，而不是立即过渡到不同的渐变。无论如何，一切正常。

我不打算改变它，因为这只会影响IE9，但我很想知道为什么会这样，所以我可以试着找出一个解决方法。

经过一番调查，我发现这只发生在某些宽度上。碰巧我正在使用的一个词：“角色”是发生这种情况的完美宽度，这就是我如何理解这一点。

进行一些测试，我发现它发生在以下宽度：43px，49px，57px，63px，84px，85px，96px，99px，109px - 这就是我得到的。我确定这发生在109px以上，但我没有测试过110px以上。

我只是不明白。我似乎无法弄清楚这一点。有没有人遇到过这个问题？任何人都可以给我一些意见吗？这让我发疯了。

Answer 1

将1px中的background-size替换为100%。我不知道为什么会这样，但确实如此。