React Apex Chart 工具栏菜单图标 z-index 过高。我怎样才能降低它？

Question

如何更改 React Apexchart 工具栏菜单中图标的 z-index 值。

无论我把我的元素放多高，它们总是在它上面。

Answer 1

来不及了，但请确保将 z-index 属性（z-index:12 应该足够了）添加到您要在上方显示的元素的父级（或更高级父级）图表工具栏。我已经尝试了元素的每个父元素，直到它与 div !

一起工作

Answer 2

有点晚了，但仍然是一个问题。不知道为什么，但是 apexcharts-toolbar 的 z-index 默认是 11，所以把这个放在你的 css:

的某个地方

.apexcharts-toolbar {
    z-index: 0 !important;
}

这可能会搞砸图表显示的某些安排，但到目前为止它对我来说还算不错。