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

回答