Cordova Webview -webkit-backface-visibility无法正常工作

时间:2014-03-17 04:03:23

标签: android cordova webview css-transforms

我使用最新版本的Cordova创建一个简单的Android应用程序,并用Igor Minar在Github(https://github.com/IgorMinar/Memory-Game)上编写的记忆游戏的示例代码替换www文件夹的内容。问题是封面图像(正面)不显示。卡片始终显示两侧的内容图像(背面)。 然后我创建了一个没有Cordova的新Android应用程序,但是使用了一个简单的android.webkit.WebView,一切都按照预期的方式使用类似的www内容。 我认为这是Cordova Webview的一个问题。我想使用Cordova,因为它是一个很好的SDK,所以我想问一下是否有人能为我提供这个webview问题的解决方案。 提前谢谢。

1 个答案:

答案 0 :(得分:1)

使用本网站进行了长时间的实验:http://thewebrocks.com/demos/3D-css-tester/
source code on github) 并且基于@ nguyen-canh-linh的代码,他设法在Android中工作< 4.4 webview(see on his repository

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

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