android - CordovaWebView：将 div 从 display:none 更改为 display:block 或使用 css3 translate 时出现黑屏

Question

当我添加一个类以使出现一个 div (display:block) 时，突然视图变为黑屏。我触摸屏幕，视图中的元素仍然触发事件。

我该如何解决这个问题？

Answer 1

You should make sure you are using the most recent API (You can probably adjust this in eclipses android sdk manager).

If you still have any issues, make sure you have hardware acceleration on. You can adjust this in the manifest file:

<application
    ...
    android:hardwareAccelerated="true"
    ...
>

If you still have an issue, try applying a css3 translate to something like your global body on app load. That will help to narrow down the issue. Otherwise, without some more code/information it's going to be hard to answer.

Let me know if I can help with anything else, but for what it's worth I haven't had this issue at all using the most recent android API and cordova 4.0.