当背景中的一些图形设置了 transparency 时，Firefox 在渲染前景中图形的 background-color 时似乎有一些问题；
检查这个pen ,
Chrome 按预期呈现，但 Firefox 没有拾取前景中图形的背景颜色(它似乎是透明度值的总和)。
为了更好地理解这个问题，请尝试更改示例中图形的不透明度属性。
欢迎提出任何建议。
编辑 1
问题似乎是在 Firefox 中，背景元素属性的不透明度堆叠在前景元素之上
最佳答案
使用 background:rgba(x,x,x,0.66); 解决了 firefox 中的问题
关于css - 由于在背景元素上设置了透明度，Firefox 无法正确呈现背景颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28343439/