【问题标题】:Kendoui dataviz chart tooltip to overlay bootstrap navs用于覆盖引导导航的 Kendo Ui dataviz 图表工具提示
【发布时间】:2014-02-21 20:19:36
【问题描述】:

我在像这样(或类似的东西)的引导导航中有一个剑道 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>

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

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

谢谢。

【问题讨论】:

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


    【解决方案1】:

    将 z-index 设置得非常高,例如 1000,相对或绝对定位到工具提示元素的类(如果需要),并将容器溢出属性更改为可见 => overflow: visible;

    【讨论】:

    • 您是否将其应用于正确的元素?您是否将该元素的位置设置为相对或绝对?
    • Kendo 自动将其设置为绝对。我确实应用了我认为的正确元素,我在我的 html 中添加了这样的样式:
    • 对不起,我不记得了,所以问题可能是由于容器(
      )。将容器溢出属性更改为可见 => 溢出:可见;
    • 太棒了!祝你有美好的一天
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签