cordova - 为什么iOS9 WebView CSS Transform会将红色元素变成蓝色元素？

Question

Visual Glitch Sample

右侧标记(“PLI”)有两个相同的侧面。

当它应用CSS变换rotateX(180deg)时，其左侧的红色标记(并且只有红色标记)变成了蓝色，这是意想不到的。

该问题仅发生在 Cordova 应用程序的 iOS9 Web View 中。

有人遇到过这样的问题吗？

我不知道在哪里报告此问题。

国王的问候

Answer 1

我认为 iOS9 webview 有一些渲染问题。我在我的应用程序中遇到了一些奇怪的颜色行为，我通过以下技巧修复了该问题。但我不确定这对您有帮助，请尝试一下。

1. 尝试-webkit-transform:translate3D(0,0,0);加速 GPU。
2. 和-webkit-backface-visibility: false;
3. 和-webkit-perspective:1000；

我不得不说，在 IOS9.1 中，一些渲染错误就消失了。也许当你在 iOS9.1 中运行它时看起来不错

希望有帮助。