2015-11-02 62 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 –

回答