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

Question

Visual Glitch Sample

右侧标记（'PLI'）有两个相同的边。

当它应用了css变换rotateX（180deg）时，它左侧的红色标记（只有红色标记）变为蓝色，这是意料之外的。

问题仅出现在Cordova应用程序的iOS9 webview中。

有没有人遇到过那种问题？

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

King Regards

Answer 1

我认为iOS9 webview存在一些渲染问题。我在我的应用程序中遇到了一些奇怪的颜色行为，我通过下面的技巧解决了这个问题。但我不确定它会对你有所帮助，只需试一试。

1. try -webkit-transform：translate3D（0,0,0）;加速GPU。
2. 和-webkit-backface-visibility：false;
3. 和-webkit-perspective：1000;

我不得不说，在IOS9.1中，一些渲染错误就是这样。也许它在iOS9.1中运行时看起来很好

希望有所帮助。

Answer 2

iOS 9.1可能会解决这个问题，但在此期间应用转换：translate3D（0,0,0）似乎是一个很好的解决方法。 非常感谢你！