highcharts工具提示z-index

我在试图让highcharts工具提示有一个使用useHTML的zIndex将它放在另一个HTML元素上。highcharts工具提示z-index

我想的提示走了过来粉红色盒子 - 而不是在它之下。

我错过了什么？

2013-12-13 John

所需CSS：

.highcharts-container { 
    position: inherit !important; 
} 
.highcharts-tooltip { 
    z-index: 9998; 
}

由于@Piotr，为4.1.x更新的设计。

2013-12-13 10:23:01

对不起@PawełFus，但我不明白这是如何解决这个问题。在jsfiddle上，我仍然可以看到覆盖工具提示的粉红色方框，但没有任何更改可以获取工具提示。我在Chrome和Safari上测试了它。你能检查并确认吗？ – frandevel

悬停IE - >工具提示显示在粉红色的盒子，蚂蚁这是问题，我记得。 –

我对你的解决方案做了小小的修改：http://jsfiddle.net/sDu8V/24/删除了保证金并改进了内容Tooltip。 – Piotr

你不能只得到呈现在粉红色框中的提示，因为整个图表在单个SVG对象要么是过度或两个粉色的下方totallly呈现。

你可以做的是通过使整个图表变成透明的背景来渲染整个图表。

您的图表：

chart: { backgroundColor:'transparent' }

你的div也应该是图表下方：

<div id="box" style="z-index:0"></div>

2013-12-13 00:32:53

回答