internet-explorer - IE 8 で線形グラデーションを動作させる

Question

body {
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #5EB9FF 100%);
    /* IE10 */ 
    background-image: linear-gradient(bottom, #FFFFFF 0%, #5EB9FF 100%);
}

上記のコードは、Firefox と Internet Explorer 10 では問題なく動作しますが、どちらも IE 8 では動作しません。

このコードを Internet Explorer 8 で動作させる方法を教えてください。

Answer 1

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EB9FF', endColorstr='#FFFFFF');

注:前のルールは完全なルールです。次のように使用しないでくださいbackground: filter: ....;。

参照: CSS3 クロスブラウザの線形グラデーション