ios - iOS (iPad/iPhone) 上未保留 SVG 透明度

Question

我有一个 SVG 似乎不适用于 iOS 设备。

我在 chrome 和 safari 中都尝试过，只有 SVG 显示为纯蓝色 block 颜色，并且不保留不同的图层及其不透明度级别...

https://jsfiddle.net/2fLuspdm/

<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 viewBox="0 0 1920 3840" style="enable-background:new 0 0 1920 3840;" xml:space="preserve">
    <style type="text/css">    
        .st0{opacity:6.000000e-02;fill:#609FD0;enable-background:new    ;}
    </style>
    <polygon class="st0" points="1920,2614 1920,3641 1470,3005.1 "/>
    <polygon class="st0" points="1920,1612.4 1210,780 1920,0.4 "/>
    <polyline class="st0" points="0,0 650,0 0,1184.3 1,0 "/>
    <polygon class="st0" points="0,898.4 960,1457 0,2778.4 "/>
    <polygon class="st0" points="0,3837.4 0,2654 1040,3840 "/>
    <polygon class="st0" points="1920,2926 1424,2239 1920,1046 "/>
    <polygon class="st0" points="829,3840 1920,2926 1936,3840 "/>
    <polygon class="st0" points="0,2530 0,1760 960,2909 "/>
    <polygon class="st0" points="1920,0.4 1920,622 40,0.4 "/>
    <polygon class="st0" points="1920,1634.5 1920,2404.5 1150,1435.5 "/>
</svg>

Answer 1

简单地计算指数(不确定它是否是有效的 SVG 语法，但 Safari 不喜欢它)。

<style type="text/css">    
    .st0{opacity:.06; fill:#609FD0; enable-background:new ;}
</style>