伙计，我就是想不通。这是最的事情。在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 以上。
我只是不明白。我似乎想不通。有没有人遇到过这个问题？谁能给我一些意见？这让我发疯。
将background-size中的1px替换为 100% 。我不知道为什么会这样，但它确实如此。