【问题标题】:NVD3 tooltip hides below other divsNVD3 工具提示隐藏在其他 div 下方
【发布时间】:2015-08-27 04:34:52
【问题描述】:

我试图让 NVD3 工具提示高于所有其他 div。问题是我连续有三个图表,并且非常大的工具提示从它们的 div 中溢出。我可以在一侧或另一侧设置 z-index,但始终位于另一侧。

例如,如果我将中心 div 设置为具有最高的 z-index,则从左侧或右侧生成的工具提示在中心区域被截断,以此类推。

更改工具提示的 z-index 没有任何效果,因为它最终是相应图表的子级。我怎样才能让它凌驾于一切之上?

【问题讨论】:

  • 您根本不希望它们重叠,还是只希望其中一个高于其他所有?
  • 我希望当您将鼠标悬停在 nvd3 图表上时出现的工具提示高于其他所有内容。

标签: javascript html css nvd3.js


【解决方案1】:

简单的解决方法是向增加 z-index 的 div 添加 CSS3 悬停选择器。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-09-08
    相关资源
    最近更新 更多