11

ここに初心者の質問がありますが、何らかの理由で私はこれを理解できません。私のiPhoneでは正常に動作するがAndroidでは動作しない次のCSSがあります。androidでjQueryMobileのデモを見ると、背景のグラデーションを処理できることがわかります。ありがとう

.mydiv {
  background:    -moz-linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
  background: -webkit-linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
  background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
}
4

3 に答える 3

23

caniuseによると、4.0より前のAndroidブラウザは古い-webkit構文を使用しています。

background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a7cfdf), color-stop(100%, #23538a));

ボーナス：LESSやCompass / SASSのようなものを使用することをお勧めします。これにより、この作業をすべて節約できますhttp://compass-style.org/

于 2012-05-10T15:09:48.640 に答える
3

Android 2.2で線形グラデーションに問題があったため、この質問に遭遇しました。問題は、線形グラデーションが新しい角度システムを使用していたことでした

-webkit-linear-gradient(to top #000000 0%, #ffffff 100%)

ただし、古いAndroidは古い角度システムをサポートしています（toなし）。上記の勾配に相当するものは

-webkit-linear-gradient(bottom #000000 0%, #ffffff 100%)
于 2014-08-27T16:38:47.557 に答える
1 
background-color:#666633; //fallback
background:-webkit-linear-gradient(top, #666633,    #333300);  //webkit
background:-moz-linear- gradient(top, #666633, #333300) //mozilla

これは機能します。

于 2012-05-10T15:13:04.847 に答える