时间戳

首页 > 解决方案 > 具有遮罩的 SVG“使用”元素上的不透明度的 Firefox 问题

firefox - 具有遮罩的 SVG“使用”元素上的不透明度的 Firefox 问题

问题描述

我最近注意到我的一张 SVG 图像在 Firefox 中查看时似乎失去了半透明性。我一直在追查这个问题，当一个元素（特别是）附加了它时，它导致我opacity不被服从。usemask

我可以用来fill-opacity解决这个问题，但这并不理想。我不完全确定是什么导致了它，如果它是应该报告给的错误firefox，或者我只是在某个地方犯了错误。

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

在 Chrome、Edge 和 IE11 中，所有示例看起来都相同（如预期的那样），但在 Firefox 64.0.2（最新）#1中不遵守指定的opacity.

这似乎也影响use了内部使用的元素，它们masks本身具有mask.

关于可能导致这种情况的任何想法，或者我是否在某个地方滑倒？

编辑（附截图）： 在此处输入图像描述

标签： firefoxsvgmaskxlink

解决方案

推荐阅读