SVG 不透明度在 Safari 中不起作用答案

【问题标题】：SVG opacity doesn't work in SafariSVG 不透明度在 Safari 中不起作用
【发布时间】：2016-06-23 12:40:24
【问题描述】：

我有一张不透明的背景图片。它在 Firefox 和 Chrome 中运行良好，但它的不透明度在 Safari 中不起作用。有没有办法解决这个问题，或者 Safari 不支持它？

这是我的 SVG

<svg version="1.1"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"    xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
 x="0px" y="0px" width="640.2px" height="1136px" viewBox="0 0 640.2 1136" style="enable-background:new 0 0 640.2 1136;"
 xml:space="preserve">

<style type="text/css">
.st0{fill:#5AAAFA;}
.st1{opacity:4.000000e-02;}
</style>
<defs>
</defs>
<polygon id="XMLID_18_" class="st0" points="640.2,1136 0.2,1136 0.2,0 640.2,0 640.2,367.1 "/>
<path id="XMLID_17_" class="st1" d="M0,810.6c0.1,108.5,0.2,216.9,0.2,325.4h640c-  0.4-320.4-0.7-640.8-1.1-961.2
C426.1,386.7,213.1,598.7,0,810.6z"/>
</svg>

谢谢！

【问题讨论】：

标签： svg safari

【解决方案1】：

显然，某些浏览器在使用科学计数法书写数字时存在问题（例如 4.000000e-02 而不是 0.04）。这是一个错误，因为scientific number representations are permitted by the CSS standard。

但是有一个简单的解决方法；改变这个：

opacity:4.000000e-02;

到这里：

opacity:0.04;

它应该可以工作。

【讨论】：