CSS3线性渐变不适用于android.

Question

这里有新手问题,但出于某种原因,我无法弄清楚这一点.我有以下CSS在我的iPhone上工作正常但不是我的Android.通过使用android查看jQuery Mobile演示,我知道它可以处理背景渐变.谢谢

.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;
}

Answer 1

Android浏览器低于4.0,根据caniuse使用旧-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/