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

Why iOS9 WebView CSS Transform turns red element into blue ones?

Visual Glitch Sample

右侧标记 ('PLI') 有两个相同的边。

当它应用 css 变换 rotateX(180deg) 时,它左侧的红色标记(并且只有红色标记)会变成蓝色,这出乎意料。

该问题仅出现在 Cordova 应用程序的 iOS9 网络视图中。

有没有人遇到过这种问题?

我不知道去哪里报告这个问题。

国王问候

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

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

而且我不得不说,在 IOS9.1 中,一些渲染错误就这样消失了。也许当你 运行 它在 iOS9.1

时它看起来不错

希望对您有所帮助。

iOS 9.1 可能会解决这个问题,但同时应用转换:translate3D(0,0,0) 似乎是一个很好的解决方法。 非常感谢!