无法定位画布元素,或将它们注册为悬停

时间:2011-07-18 19:08:54

标签: javascript canvas jqplot

我希望这看起来不太透明:

我正在使用jqPlot制作条形图。沿着图表的x轴,我正在努力使它当你将鼠标悬停在每个条形标签上时,它会在条形图上显示更多信息。

但是,看起来这些标签被canvas标签“覆盖”,浏览器无法识别我将鼠标悬停在元素上。我已经尝试了跨度上的标题,以及jquery mouseover。没有。它就在那里,它可以徘徊,但它只是被画布视为“下”。任何解决方案?

HTML by request ...有点难看:

<div class="jqplot-axis jqplot-xaxis" style="width: 960px; height: 15px; left: 0px; bottom: 0px; position: absolute; ">
<div class="jqplot-xaxis-tick" style="position: absolute; left: 24.88095238095238px; ">
<span class="testhov" style="z-index: 999;">NE</span>
</div></div>

1 个答案:

答案 0 :(得分:1)

要使z-index工作,必须定位元素。这意味着您需要在position:relative范围内为您的样式添加position:absoluteposition:fixed.testhov。我想你想添加position:relative

https://developer.mozilla.org/en/CSS/z-index