实质性的UI按钮没有被react-burger-menu覆盖

问题描述

我遇到了一个奇怪的问题，即实质性的UI按钮没有被react-burger-menu的覆盖所覆盖。

我尝试更改材质UI按钮的z-index，仅当zIndex为-1但按钮完全被禁用并且我将更高的z-index放置在菜单的覆盖上时，它才修复了覆盖bug（我甚至尝试过1000次），但实质性的按钮仍然没有被掩盖。

有什么想法可以解决这个问题吗？

解决方法

我通过将z-index应用于导航栏解决了这个问题。由于材质UI按钮也显示在导航栏本身上方。