android - 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

安卓浏览器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/