CSS3线性渐变不适用于android。

新手的问题在这里，但出于某种原因，我不能明白这一点。我有下面的CSS，它在我的iPhone上运行良好，但在我的Android上没有。通过查看jQuery手机的android演示，我知道它可以处理背景渐变。谢谢

.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.0以下的Android浏览器使用了旧的

-webkit

语法：

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

奖励：我建议您使用LESS或Compass/SASS之类的工具，这样可以节省您的所有工作

---

这是可行的。

我遇到这个问题是因为我在安卓2.2上遇到了线性渐变的问题。问题是，我们的线性梯度使用了新的角度系统

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

然而，旧的安卓系统支持旧的angle系统（不支持）。上述梯度的等效值为

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

---

我得到了一个纯色，但根据这个网站“对线性渐变的移动支持包括：iOS 3.2+、Opera Mini 5+、Opera Mobile 10+和Android浏览器2.1+”，而我的Android是2.2，所以应该可以工作。这很奇怪。使用4.0在我的GNex上工作。现在很难跟上CSS3语法。也许jQuery移动演示使用的是背景图像，但没有任何firebug类型的东西很难知道。尝试使用背景图像：而不是背景。除此之外，我没有任何方法来测试安卓2.2到底是如何处理渐变的，所以我只能猜测。安卓2.2的功能是什么？我试过的每一种变体都不起作用。谢谢你试过什么变体？你试过这个“背景：-webkit渐变（线性、左上、左下、颜色停止（0%、#000000）、颜色停止（100%、#ffffff））”吗？我自己测试过，只有旧语法有效。我已经编辑了我的答案。请注意，您可以使用背景或背景图像。请注意，您可以通过添加更多颜色停止来添加两个以上的渐变点，例如：“背景图像：-webkit渐变（线性、左上、左下、颜色停止（0%、#a7cfdf）、颜色停止（40%、#23538a）、颜色停止（100%、#a7cfdf））”。

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