TOP  >  CSS・スタイルシートTIPS  >  IEでCSS3のグラデーションを反映させるハックの書き方

2010年09月08日 14:51

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以下のブラウザでは未確認です。

TOP  >  CSS・スタイルシートTIPS  >  IEでCSS3のグラデーションを反映させるハックの書き方




正当なCSSです!