css - Internet Explorer 9-11 不会用颜色填充 g 元素 (highcharts)

Question

使用 highcharts 我试图让填充颜色在 IE 上正常工作。在下图中，您会看到背景是透明的(根本没有颜色)。我需要它是黑色的，不透明度为 0.8。

在 Firefox/Chrome 中更改 fill css 属性将更改颜色。

我需要做什么才能显示 fill 属性？

示例标记:

<g class="highcharts-tooltip" zIndex="8" style="cursor:default;padding:0;white-space:nowrap;" visibility="hidden" opacity="0" transform="translate(295,43)">
   <rect rx="3" ry="3" fill="none" x="0.5" y="0.5" width="92" height="46.046875" isShadow="true" stroke="black" stroke-opacity="0.049999999999999996" stroke-width="5" transform="translate(1, 1)"></rect>
   <rect rx="3" ry="3" fill="none" x="0.5" y="0.5" width="92" height="46.046875" isShadow="true" stroke="black" stroke-opacity="0.09999999999999999" stroke-width="3" transform="translate(1, 1)"></rect>
   <rect rx="3" ry="3" fill="none" x="0.5" y="0.5" width="92" height="46.046875" isShadow="true" stroke="black" stroke-opacity="0.15" stroke-width="1" transform="translate(1, 1)"></rect>
   <rect rx="3" ry="3" fill="0.5" x="0.5" y="0.5" width="92" height="46.046875" stroke="#e87c05" stroke-width="1" anchorX="104.5" anchorY="31"></rect>
   <text x="8" y="21" style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;color:#ffffff;fill:#ffffff;" zIndex="1">
      <tspan style="fill:#acacac" x="8">Excellent</tspan>
      <tspan style="font-weight:bold" x="8" dy="16">91</tspan>
      <tspan dx="0"> Responses</tspan>
   </text>
</g>

Answer 1

它正盯着我的脸。 <rect>元素没有填充。更改这些，它会按预期工作。