CSS3线性渐变不适用于android。

这里的新手问题，但由于某种原因，我无法弄清楚这一点。我有以下CSS在我的iPhone上正常工作，但不是我的Android。从看看jQuery Mobile演示与android我知道它可以处理背景渐变。由于CSS3线性渐变不适用于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; 
}

来源

2012-05-10 Evans

Android浏览器4.0以下，根据caniuse使用旧-webkit语法：

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

奖励：我建议你使用的东西一样都不能少或北斗/ SASS，它会为您节省一切这项工作http://compass-style.org/

来源

2012-05-10 15:09:48 Cmorales

这是什么为Android 2.2？我的每一个变化都尝试了最新的工作。谢谢 – Evans

您尝试过哪些变化？你有没有试过这个背景：-webkit-gradient（线性，左上方，左下方，颜色停止（0％，＃000000），停止颜色（100％，#ffffff））;“ ？ – Cmorales

我自己测试了它，只有旧的语法才起作用。我编辑了我的答案。 – Cmorales

background-color:#666633; //fallback 
background:-webkit-linear-gradient(top, #666633, #333300); //webkit 
background:-moz-linear- gradient(top, #666633, #333300) //mozilla

这个工程。

来源

2012-05-10 15:13:04

Im获取纯色，但根据此网站http://www.impressivewebs.com/css3-linear-gradient-syntax/“对线性渐变的移动支持包括：iOS 3.2+，Opera Mini 5+，Opera Mobile 10+和Android Browser 2.1+。“而我的android是2.2，所以它应该工作。 – Evans

这很奇怪。在我的GNex上使用4.0。这些日子跟上CSS3的语法真的很难。 –

也许jQuery Mobile演示正在使用背景图片，但没有任何萤火虫类型的东西很难知道。 – Evans

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

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

然而，较旧的Android的支持旧的角度系统（不到）。相当于上面的梯度将是

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

来源

2014-08-27 16:38:47 applesElmi

不错的，为我工作。 – iConnor

CSS3线性渐变不适用于android。

回答

相关问题