rgb
ブラウザがサポートしていない場合に備えて、フォールバックのある値で動作するクロスブラウザグラデーション効果を試してみたいと思います。
jsFiddleの例:http ://jsfiddle.net/HelloJoe/hUxdh/
私はブラウザの大部分をカバーしたと思いますが、いくつか質問があります。
私が見逃した、一般的に使用されている他のブラウザーや、iPad /スマートフォンなどのデバイスに必要なプロパティはありますか、それとも現在使用されているプロパティの1つからレンダリングされますか?
たまたまグラデーションがレンダリングされない場合、
background: rgb(50, 50, 50);
単色を生成するのに十分なオリジナルがありますか?値を使用すると、値を使用
filter
して機能させることができず、代わりに値rgb
を使用する必要がありましhex
た。これは大きな問題ではありませんが、値のみを使用しようとしていrgb
ます。これを回避する方法はありますか、それとも単にそれらを受け入れませんか?rgba
代わりに使用する場合rgb
は、rgba
グラデーションの背景値rgb
、アルファ透明度をレンダリングしないためのフォールバックとしてのグラデーションの背景値、およびグラデーションがまったくレンダリングされなかった場合のソリッドな背景のフォールバックが必要ですか?または、ブラウザはアルファ透明度の値を無視して、別の背景フォールバックなしでrgb
からを表示しますか?rgba
rgb
すべての最後のフォールバックとして
hex
、CSSプロパティの先頭に設定値を設定する必要がありますか?付加価値を付けても害はないと思いますが、使えるのであればサイト全体の色をすばやく簡単に変更できるhex
という考え方です。したがって、フォールバック値があると、とにかくすべての値を調べて編集する必要があるため、使用しようとしている目的に無意味に使用することになります。rgb
rgba
hex
rgb/rgba
hex
私は少し検索を行いましたが、例はさまざまです。理解はさまざまな人々の間で誤って解釈されており、目的の結果を得る正確な実例を作成しようとしていました。