Menodagutiものぐさなので更新頻度はかなり低めです。情報提供どうもありがとうございました。"";するのにCSSハックは必要なかったlinear-gradientの後に:は必要なかった訂正:IE9にのみfilterを適用させない部分で誤りがあったのを訂正linear-gradientの仕様が何度も変更されたことに加え、ブラウザが古い仕様しか対応してなかったり、逆に古い仕様のものは書いても無効になったりとCSS3のグラデーションが非常に複雑になっているので、勉強も兼ねて各ブラウザの実装状況をまとめてみた。Mobileについては情報が少ない上にサイトによって書いてあることが違うなど錯綜しているので、後日改めて詳しく調査しようと思っています。すべてリリースノートなどからの推測であり、実機での確認はしていませんので、ここが違っているなどの指摘も大歓迎です。534.16以上を搭載。×[-ms-]などは当該ベンダープリフィックスが必要という意味を表します。16以降のように1つのブラウザに複数の項目があるのは、ベンダープリフィックスによってサポートされる構文が異なっていることを表します。iOS本体のバージョンと、搭載されているSafariのバージョンの対応表はWikipediaが詳しいです。これから分かるように、現時点(2012/12/7)ではWebkitは最新の構文(to付き)に対応していません。FirefoxやOperaのようにプレフィックスを付けるかどうかでtoなしの古い構文が使えたり使えなかったりと変化します。結局過去のブラウザも含めて全てに対応するにはどう書けばいいのでしょうか?上から下へ#000〜#fffのグラデーションをかけるコードを例に示します。実際には、対応したいブラウザののみ取捨選択して記述するのが実用的かと思われます。Generatorなどからコピペすると簡単です。}}ここで、気をつけなくてはならない点が3箇所あります。サポートしているという点です。linear-gradientをきちんと書いている分には大して気にする必要はありませんが、linear-gradientでtoを忘れてしまったり、-webkit-linear-gradientのみが書いてあった場合など思わぬところで-webkit-linear-gradientの指定が有効になってしまう可能性があります。2つ目は、方向を角度で指定する場合(90degなど)、古い構文と新しい構文で向きが大きく変わる点です。古い構文では、「0°は右で、反時計回りに角度が増加」という形ですが、新しい構文では「0°は上で、時計回りに角度が増加」となります。「90deg」と指定した場合、古い構文では下から上へのグラデーションとなりますが、新しい構文では左から右になります。最後に、IE9について少し気をつける必要があります。10はlinear-gradientと-ms-filterの両方に対応しているため、なにも対策をせずに書くと共に有効になってしまい表示がおかしくなります。CSSハックを使うのが嫌な場合は条件付きコメントなどで上書きすればよいでしょう。IE9はSVGと-ms-filterの両方に対応しているため、なにも対策をせずに書くと共に有効になってしまい表示がおかしくなります。