伙计，我就是想不通。这是最该死的。在 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 以上。
我只是不明白。我似乎无法弄清楚这一点。有没有人遇到过这个问题？谁能给我一些意见？这让我疯狂。