Cordova Webview -webkit-backface-visibility not working



我使用最新版本的Cordova创建了一个简单的Android应用程序,并通过IgorMinar在Github (https://github.com/IgorMinar/Memory-Game)上编写的内存游戏示例代码替换www文件夹的内容。问题是封面图像(正面)不显示。卡片总是显示两面的内容图像(背面)。然后,我创建了一个新的Android应用程序,没有Cordova,但使用一个简单的Android .webkit. webview和一切工作如预期的类似www内容。我认为这是Cordova Webview的问题。我想使用Cordova,因为它是一个很好的SDK,所以我想问是否有人可以给我这个webview问题的解决方案。

经过长时间的试验使用这个网站:http://thewebrocks.com/demos/3D-css-tester/
(源代码在github上)基于@nguyen-canh-linh的代码,他设法让它在Android上工作<4.4 webview(见他的仓库)

我发现你不能在同一个类中有两个css属性动画-但我意识到这一事实(我在互联网上读到的一个错误)-我没有意识到在最近的webkit版本中避免闪烁所需的技巧:* { transform: translate3d(0,0,0); }确实被视为动画并触发错误

注意:也要注意:backface-visibility: hidden;不应用到每个元素(*),它也可能是错误的

最新更新