IEでCSSのグラデーションを使うためのメモ #CSS

IEでCSSのグラデーションを使うためのメモ #CSS

備忘録もかねて。

CSS3ではグラデーションを画像に頼らなくても使えるようになりました。ところが、IEではうまく表示されません。
IEは独自なものが相変わらず多いのかなと思いまして、調べてみました。

(参考)
InfinityScope:IE10に対応するためにCSS3のlinear-gradientはどう書いたらいいのかなというお話

IEにCSSでグラデーションをかける

こんな感じでCSSに書いてあげれば、割りといろんなバージョンに対応してくれるっぽい。

startColorstr=”, で開始色の設定

色の名前はいつもの#で始まる16進数表記。開始色をここで設定する。

endColorstr=”, で終了色の設定

色の名前はいつもの#で始まる16進数表記。終了色をここで設定する。

GradientType= でグラデーション方向の設定

GradientTypeでグラデーション方向を決められる。通常は0で縦方向。to bottomな感じ。1で横方向、 to rightな感じ。


Back to Top