父级不透明度对子级SVG上的Chrome和Android有不同的影响

Question

我有一个带有SVG子元素的父元素（SVG是一个简单的多维数据集）。父母的CSS的不透明度= 0.45。它出现在Android / Webview上，不透明度值在渲染时应用于各个SVG多边形，使我看到立方体的内壁。在桌面Chrome上，在渲染SVG后应用不透明度值，因此立方体看起来是实心/不透明但显然是半透明的背景。桌面版是我想在Android / Webview上看到的。为什么两者之间有区别？是否有任何CSS技巧来解决这个问题，不涉及将不透明度值从CSS移动到SVG属性？

Answer 1

在此问题之前，我已向Chromium提交了一份报告： https://bugs.chromium.org/p/chromium/issues/detail?id=596678 一旦硬件层被软件层替换，就应该解决这个问题。