IEでCSS3のグラデーションを反映させるハックの書き方

CSSで背景をグラデーションにしたい場合、
CSS3を使って背景をグラデーションにしますが、
その際にはCSS3に対応していないIEではそのまま書いても反映されません。

IEは無視する、behaviorスクリプトを読み込んで反映させるなどの対応がありますが、
この他にIEの独自仕様である「filter（画像・テキストにフィルタ効果を与える）」プロパティを使って、
CSS3と同じように表示させることができる方法があります。

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5077A2', endColorstr='#333333');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5077A2', endColorstr='#333333')";

上から下へ色を指定します。

なお、IE5以下のブラウザでは未確認です。

Tweet