我最近注意到,在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
。
关于可能是什么原因的任何想法,或者我是否溜到某个地方?