要素の上部と左側の属性を設定していますが、IE 9では正しく機能しません。ただし、GoogleChromeとFirefoxでは正常に機能しています。
したがって、IEの値を明示的に設定するCSSのIE用のフィルターを使用したいと思います。どうやってやるの?
たとえば、Iiのように、次のフィルタを使用します。
background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
CanIUse.comによると、IE9 はグラデーションをサポートしていません。
ブラウザ固有の条件付きコメントをご覧ください-http ://www.quirksmode.org/css/condcom.html
これを試してみてください
#myDiv {
background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
これはあなたを助けるかもしれませんhttp://www.colorzilla.com/gradient-editor/
http://abouthalf.com/2011/10/04/updated-ie9-gradients-with-rounded-corners/リンクを確認してください。これで問題が解決しますように
このグラデーションジェネレーターを IE9 サポートでも使用できます:- http://www.colorzilla.com/gradient-editor/