html - 工具提示在布局之上，滚动条将其隐藏在里面。 Z 索引不起作用

Question

我在这个链接上有一个用滚动条组件包裹的布局，就像这样:https://malte-wessel.com/react-custom-scrollbars/这种滚动条，滚动时我需要一个工具提示出现在底部的布局上。 Z-index 好像不行。

我尝试使用 z-index 但没有成功。

https://malte-wessel.com/react-custom-scrollbars/

我需要的是:

Answer 1

你可以只添加与悬停相关的工具提示的位置

像这样更改悬停的 css

.info__helper--withhover:hover {
  .text-inside {
    display: block;
    position: relative;
    top: 10px;
    left: 3px;
  }
}