ベンダープレフィックスを付けてグラデーションを指定

コマンドボタンなどは地の色(背景色)にグラデーションを掛けると、文章の中にあるよううな場合は、区分けも出来て見栄えも良くなります。
しかし、グラデーションはCSSの属性情報としてベンダー間の違いが多く、FirefoxなどのMozilla系ブラウザ、SafariやGoogle Chromeなどのwebkit系ブラウザで書式が違います。
そこで、ベンダープレフィックスを付けてブラウザーごとのグラデーション指定を行います。
background: -moz-linear-gradient(top, #eeeeee, #cccccc); /*FF*/
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); /*Chrome Safari*/

一方、IEはバージョンごとに仕様が違うのでサポートをあきらめています。

カテゴリー: CSS詳細 パーマリンク