带有遮罩的SVG“使用”元素上的Firefox不透明问题

时间:2019-01-21 11:25:41

标签: firefox svg mask xlink

我最近注意到,在Firefox中查看时,我的一张SVG图像似乎失去了透明度。我一直在跟踪问题,并导致我在opacity元素(特别是)附加了use的情况下无法遵守mask

我能够使用fill-opacity解决该问题,但这并不理想。我不完全确定是什么原因导致的,是否应该报告给firefox的错误,或者我只是在某个地方犯了错误。

我将这个JSFiddle放在一起来说明问题和替代方法: https://jsfiddle.net/bg4o5y63/

在Chrome,Edge和IE11中,所有示例均显示相同(如预期),但在Firefox 64.0.2(最新)中,#1 未遵循指定的opacity

这似乎也会影响use内部使用的masks元素,而这些元素本身具有mask

关于可能是什么原因的任何想法,或者我是否溜到某个地方?

编辑(附带屏幕截图): enter image description here

0 个答案:

没有答案