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

Question

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

我尝试使用 z-index 但没有运气。

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

我需要的是这个：

标签： htmlcssreactjs

Answer 1

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

像这样更改悬停的CSS

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