2015-11-02 60 views
1

我正在构建一个Cordova应用程序,我使用线性渐变与div,它已在所有浏览器中显示,但是当我构建应用程序并使用它打开它时我的Android设备我没有显示渐变效果。 这是我试过的代码:Cordova 4.0线性渐变颜色CSS3无法在Android设备上工作

background: -moz-linear-gradient(top, #f1f0f0 0%, #ffffff 100%)!important; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f0f0), color-stop(100%,#ffffff))!important; 
background: -webkit-linear-gradient(top, #f1f0f0 0%,#ffffff 100%)!important; 
background: -o-linear-gradient(top, #f1f0f0 0%,#ffffff 100%)!important; 
background: -ms-linear-gradient(top, #f1f0f0 0%,#ffffff 100%)!important; 
background: linear-gradient(to bottom, #f1f0f0 0%,#ffffff 100%)!important; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f0f0', endColorstr='#ffffff',GradientType=0)!important; 

,我也尝试过这样的代码:

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f1f0f0),color-stop(50%,#FCFCFC), color-stop(100%,#ffffff)); 
background-image: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#f1f0f0)) !important; 
background-image: -webkit-linear-gradient(#f1f0f0, #FCFCFC, #ffffff) !important; 
background-image: -moz-linear-gradient(#f1f0f0, #FCFCFC, #ffffff) !important; 
background-image:  -ms-linear-gradient(#f1f0f0, #FCFCFC, #ffffff) !important; 
background-image:  -o-linear-gradient(#f1f0f0, #FCFCFC, #ffffff) !important; 
background-image:   linear-gradient(#f1f0f0, #FCFCFC, #ffffff) !important; 

但它不会做任何改变.. 任何想法或解决方案?

+0

我用这个来设置背景梯度:'code'background:线性梯度(RGB(70107176),RGB(255,255,255)); background:-webkit-linear-gradient(RGB(70,107,176),RGB(255,255,255)); '代码'参考:http://www.quirksmode.org/css/images/gradients_mobile.html –

回答