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;
但它不会做任何改变.. 任何想法或解决方案?
我用这个来设置背景梯度:'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 –