由于在背景元素上设置了透明度，Firefox 无法正确呈现背景颜色
Firefox doesn't render background-color correctly due to transparency set on a background element
当背景中的某些图形已设置 transparency 时，Firefox 在渲染前景中图形的 background-color 时似乎存在一些问题；
检查这个 pen,
Chrome 按预期呈现，但 Firefox 没有拾取前景中图形的背景颜色（看起来像是在求和透明度值）。
为了更好地理解问题，请尝试更改示例中图形的不透明度 属性。
欢迎提出任何建议。
编辑 1
问题似乎是在 Firefox 中，背景元素 属性 的不透明度堆叠在前景元素
之上
使用 background:rgba(x,x,x,0.66); 解决了 firefox 中的问题
当背景中的某些图形已设置 transparency 时，Firefox 在渲染前景中图形的 background-color 时似乎存在一些问题；
检查这个 pen,
Chrome 按预期呈现，但 Firefox 没有拾取前景中图形的背景颜色（看起来像是在求和透明度值）。
为了更好地理解问题，请尝试更改示例中图形的不透明度 属性。
欢迎提出任何建议。
编辑 1
问题似乎是在 Firefox 中，背景元素 属性 的不透明度堆叠在前景元素
使用 background:rgba(x,x,x,0.66); 解决了 firefox 中的问题