男、私はこれを理解することはできません。これは最悪のことです。IE9 では、要素の幅に応じて、一見ランダムに、背景のグラデーションが消えているように見えます。
まず始めに、表示できるテスト リンクを次に示します。
http://babackofficedev.radolo.com/TestButtons.aspx
また奇妙なのは、JS fidde では発生しないことです。
http://jsfiddle.net/jmillspaysbills/n833q/
犯人を絞り込んだと思いますが、なぜこれが起こっているのかわかりません。問題はbackground-size:プロパティのようです。グラデーションのあるボタンでは、それを与えます: background-size: 1px 175%、次にホバー: background-size: 1px 100%- これにより、基本的に、別のグラデーションへの即時遷移ではなく、クロム、Firefox などでスムーズな遷移が可能になります。とにかく、それはすべてうまくいきます。
これは IE9 にのみ影響するため、これを変更する予定はありませんが、回避策を見つけられるように、なぜそうなっているのかを知りたいです。
調査の結果、これは特定の幅でのみ発生することがわかりました。たまたま、私が使っていた「役割」という言葉が、これが起こるのに最適な幅だったので、これを理解しました。
いくつかのテストを行ったところ、次の幅で発生することがわかりました: 43px、49px、57px、63px、84px、85px、96px、99px、109px - それは私が得た限りでした. これは 109px 以上で発生すると確信していますが、110px 以上ではテストしていません。
私はそれを理解していません。私はこれを理解できないようです。誰もこの問題を抱えたことがありますか? 誰でも私にいくつかの入力を与えることができますか? それは私を夢中にさせています。