Phonegap Android無法渲染CSS的遮罩圖像，但適用於iOS

我已添加動畫來執行圖像遮罩，但它僅適用於Android。是否有任何缺少的Android的CSS？Phonegap Android無法渲染CSS的遮罩圖像，但適用於iOS

 @-webkit-keyframes bannerPic { 

     0%{ -webkit-mask-image:-webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0)5%);} 
     50%{ -webkit-mask-image:-webkit-linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0)55%);} 
     100%{ -webkit-mask-image:-webkit-linear-gradient(0deg, rgba(0,0,0,1) 100%, rgba(0,0,0,0)100%);} 
     } 



     .bannerMoveRight 
     { 
     -webkit-animation: bannerPic 5s linear; 
     -moz-animation:bannerPic 5s linear; 
     animation:bannerPic 5s linear; 
     -webkit-animation-fill-mode: forwards; 
     animation-fill-mode: forwards; 
     } 
     .bannerMovePause 
     { 
     -webkit-animation-play-state: paused; 
     } 
     .bannerMoveRun 
     { 
     -webkit-animation-play-state: running; 
     }

來源

2015-11-03 Jacky Shek

最後，找出了谷歌Android API 22這與-webkit-mask工作，但並沒有在谷歌Android API工作23

我的意見：

與PhoneGap的發展後，和Android和iOS的本地語言，我強烈建議使用Android或iOS的本地語言來完成您的應用程序開發。 Phonegap使用WebView來生成應用程序，從而導致開發人員無法輕鬆控制不同設備上的佈局的巨大問題。

來源

2015-11-18 02:44:41

準確地說，並不是面罩不起作用。它可以正常工作，但由於某些原因（例如'translate3d'或動畫）啓用硬件加速**時，將停止在Android 6和7 **上工作。這非常煩人，但如果使用Crosswalk而不是「WebView」，則可以解決此問題。 –

Phonegap Android無法渲染CSS的遮罩圖像，但適用於iOS

回答

相關問題