問題タブ [linear-gradients]

Android ブラウザでこのフィドル ( http://jsfiddle.net/5ajYD/ ) を見ると、花を構成する PNG の背景が白であることがわかります。

Android ブラウザを除いて、他のすべてのブラウザでは完全に正常に表示されます。私はこの問題をグーグルで調べましたが、見つけることができるのは、png バンディングと Android アプリのプログラミングに関連する問題だけです。

これは、MSIE 6 の透明な画像に関する問題を思い出させます。これが起こるのは非常に奇妙です。

Androidブラウザでこの問題の修正を知っている人はいますか? ブラウザごとにグラデーションが異なるため、透明でない背景は使用できません。

私がこれまでに試したこと：

• 両方とも位置 0px 0px に配置された「複数の」背景を使用しようとしましたが、うまくいきません
• 花で div にグラデーションを追加しようとしましたが、それも失敗し、他のブラウザーで壊れました。

この種の問題が最新のブラウザで発生することは非常に不可解です... nokia n95でさえ正しくなります....

私がテストしている/これを見つけたAndroidバージョンは、Android 2.3.4（Sony Ericsson Xperia Arc S LT18i）です

これは、電話のAndroidブラウザのフィドルで見られるものです

http://t.co/mofPkqjf

この線形グラデーションがありますが、なぜ「機能しない」のかわかりません。

ライトグレーで始まり、で終わるはずですが、約 80% で、すべて白になり、白い線が目立ちます。誰が何が間違っているかを見ることができますか？

私のCSSはここにあります：

ありがとう

編集：グラデーションをテストするためにクロムを使用しています...

リストビューを少しポップにしようとしている画像が不足していることをお許しください。私が試しているオプションの1つは、各リスト行の背景にグラデーションを追加することです。グラデーションには3つの色があり、デフォルトでは次の構造に似ています。

-（開始色）
|
|
-（中央の色）
|
|
-（終了色）

私はそれをもっとこのようにしたいと思います：

-（開始色）
|
-（中央の色）
|
|
-（中央の色）
|
-（終了色）

違いは、中央の色がより多く、グラデーションが端に非常に近いところから始まることです。

誰かが私にいくつかのガイダンスを提供できますか？

編集私は画像でオプションを試すことに反対していませんが、私は可能な限り画像から離れようとしています。

実際の画像ではなく CSS グラデーションを使い始めた理由は 2 つあります。まず、CSS グラデーションは画像よりも確実に高速に読み込まれます。次に、多くのラスター グラフィックスのようにバンディングを表示することは想定されていません。最近、さまざまな画面でサイトのテストを開始しましたが、より大きな画面 (24 インチ以上) で、サイトの背景を構成する CSS 線形グラデーションに非常に目立つバンディングが見られます。PNG暫定的な修正として、グラデーションに小さな繰り返しの透明なノイズの画像を重ねました。これは少し役に立ちます。このバンディングの問題を解決する他の方法はありますか?

SafariとChromeで線形グラデーションを表示するのに問題があります。Firefoxでは問題なく表示されます。

やっています：

助けてくれてありがとう。

background-color: #BADA55;との効率の違いは何background: #BADA55;ですか? 些細なことだと思いますが、ブラウザがそれぞれの値を抽出する方法に違いはありますか。また、少し関連するメモとして、CSS3Pleaseでは、線形グラデーションの場合、 を使用して指定されていることに気付きましたbackground-image。単に使用しない理由はありますbackgroundか?

私はこのグラデーションを持っています:

現在、高さは 150 ですが、この高さをキャンバスまたは親ビューと同じにしたいと考えています。onDraw(Canvas) 内でグラデーションを使用するため、new ステートメントは使用できません。新しいステートメントなしで行うことは可能ですか？

BR ファイアフライ3000

線形グラデーション用の次の CSS コードを使用して、線形グラデーションを作成しました。

＃444444から＃222222まで、この同じグラデーションを取得して、白い矢印まで上がり、停止してから、＃222222から始まり、上記と同じ方法で＃444444に戻る下端に進むにはどうすればよいか疑問に思っています.

ありがとうございました。

所定の位置 (x 軸のピクセル単位) から開始するプログラムによる水平グラデーションを作成するにはどうすればよいですか?

ここに問題があります-私は画像を次のbackground-imageように設定しました-理想的には、画像の端の近く（〜1800ピクセル）から始まり、完全な黒に優雅にフェードするCSSグラデーションを宣言します。

これまでのところ、私が持っている最善の解決策は、2 つの div 要素を用意するbackground-positionことです。

これは機能しますが、1px の画像のトリックから逃れたいと思っています。何か案は？

私がやりたいのは、理論的には、CSS グラデーションに 1780 px のカラー ストップを使用することですが、私が理解しているように、CSS はカラー ストップとして % 値のみをサポートしています。

参考： CSS 3 下から n ピクセルのグラデーション - Webkit/Safari

これは、GoogleChromeの線形グラデーションコードです。

このプロパティをIE9に変換するにはどうすればよいですか？