某些SVG未在Windows Phone 8.1（PhoneGap）中显示

Question

首先，我知道启动XML标记的问题我的问题not about it。

我有很多多层.ai文件（Adobe Illustrator CC 2015 19v） 每一层都是复制前一层+一些变化。 （something similar to this）

• 如果我保存顶层，它将在所有设备上完美显示。 （桌面，android，WP8.1）

• 如果我保存较低层，则不会在WP 8.1中显示。

我尝试保存了不同的选项，但没有任何改变。每个.ai文件都会出现这种情况。

然后我决定探索svg文件的文本表示。如果我从nontop的顶层复制样式，那么一切都OK。它们被显示出来。

启动SVG文件TOP LAYER（7/7） - （ 显示 ）

<svg id="lesson_2_7" data-name="lesson 2 7" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 686 526"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#a2a2a2;}.cls-3{fill:#6c6c6c;}.cls-4{fill:#a9aeb7;}.cls-5{fill:#6f6f6f;}.cls-6{mask:url(#mask);}.cls-7{fill:#adadad;}.cls-8{mask:url(#mask-2);}.cls-9{fill:#46cc00;}.cls-10{fill:#fff7f7;}.cls-11{filter:url(#luminosity-noclip-2);}.cls-12{filter:url(#luminosity-noclip);}</style>

启动SVG文件NONTOP LAYER（5/7） - （ 未显示 ）

<svg id="lesson_2_5" data-name="lesson 2 5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 686 526"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#fff7f7;}</style>

以TOP（5/7）的样式启动SVG文件NONTOP LAYER - （ 显示 ）

<svg id="lesson_2_5" data-name="lesson 2 5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 686 526"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#a2a2a2;}.cls-3{fill:#6c6c6c;}.cls-4{fill:#a9aeb7;}.cls-5{fill:#6f6f6f;}.cls-6{mask:url(#mask);}.cls-7{fill:#adadad;}.cls-8{mask:url(#mask-2);}.cls-9{fill:#46cc00;}.cls-10{fill:#fff7f7;}.cls-11{filter:url(#luminosity-noclip-2);}.cls-12{filter:url(#luminosity-noclip);}</style>

好像没有足够的样式来显示图像。

I downloaded the entire SVG for example here.

有人见过类似的吗？任何想法我都会很高兴。也许，需要配置AI用于导出？

Answer 1

PhoneGap中的IE不会使用＆lt; 7种风格。