11

新手问题在这里,但由于某种原因我无法弄清楚。我有以下 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;
}
4

3 回答 3

23

4.0以下的Android浏览器,根据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/

于 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 回答