3

rgbブラウザがサポートしていない場合に備えて、フォールバックのある値で動作するクロスブラウザグラデーション効果を試してみたいと思います。

jsFiddleの例:http ://jsfiddle.net/HelloJoe/hUxdh/

私はブラウザの大部分をカバーしたと思いますが、いくつか質問があります。

  1. 私が見逃した、一般的に使用されている他のブラウザーや、iPad /スマートフォンなどのデバイスに必要なプロパティはありますか、それとも現在使用されているプロパティの1つからレンダリングされますか?

  2. たまたまグラデーションがレンダリングされない場合、background: rgb(50, 50, 50);単色を生成するのに十分なオリジナルがありますか?

  3. 値を使用すると、値を使用filterして機能させることができず、代わりに値rgbを使用する必要がありましhexた。これは大きな問題ではありませんが、値のみを使用しようとしていrgbます。これを回避する方法はありますか、それとも単にそれらを受け入れませんか?

  4. rgba代わりに使用する場合rgbは、rgbaグラデーションの背景値rgb、アルファ透明度をレンダリングしないためのフォールバックとしてのグラデーションの背景値、およびグラデーションがまったくレンダリングされなかった場合のソリッドな背景のフォールバックが必要ですか?または、ブラウザはアルファ透明度の値を無視して、別の背景フォールバックなしでrgbからを表示しますか?rgbargb

  5. すべての最後のフォールバックとしてhex、CSSプロパティの先頭に設定値を設定する必要がありますか?付加価値を付けても害はないと思いますが、使えるのであればサイト全体の色をすばやく簡単に変更できるhexという考え方です。したがって、フォールバック値があると、とにかくすべての値を調べて編集する必要があるため、使用しようとしている目的に無意味に使用することになります。rgbrgbahexrgb/rgbahex

私は少し検索を行いましたが、例はさまざまです。理解はさまざまな人々の間で誤って解釈されており、目的の結果を得る正確な実例を作成しようとしていました。

4

1 に答える 1

6

グラデーションとフォールバックを支援するために、このWebサイトを提案できますか:http:
//www.colorzilla.com/gradient-editor/

于 2011-09-11T19:06:08.673 に答える