css - Internet Explorer 9-11 does not fill g element with color (highcharts) -
using, highcharts i'm trying fill color work on ie. in image below, you'll see background transparent (no color @ all). need black opacity of 0.8.
changing fill css property in firefox/chrome alter color.
what need fill property show up?
example markup:
<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>
it staring me right in face. <rect> elements have fill of none. alter those, , works expected.
css internet-explorer highcharts
No comments:
Post a Comment