Kendoui dataviz chart工具提示覆盖引导导航

时间:2014-02-21 20:19:37

标签: html css twitter-bootstrap kendo-ui kendo-dataviz

我在这样的bootstrap导航中有一个kendo ui dataviz图表(或类似的东西):

<ul class="nav nav-tabs navbar-static">
    <li class="active">
        <a href="#myTab" data-toggle="tab">Ranking ACT</a>
    </li>
</ul>
<div class="tab-content">
    <div id="myTab" class="tab-pane">
        <div id="myKendoChart"></div>
    </div>
</div>

问题在于,当我有一个显示系列上的工具包的悬停时,它会在选项卡部分后面隐藏其部分内容。

如何将工具包设置为始终位于顶部(上方)?

谢谢。

1 个答案:

答案 0 :(得分:1)

将z-index设置得非常高,例如1000,并将相对或绝对位置设置为tooltip元素的类(如果需要),并将容器溢出属性更改为visible =&gt; overflow: visible;