当 z-index 不基于数字工作时如何解决？

Question

我需要在切换菜单层上方显示登录弹出窗口。
所以，我把Popup的z-index改了，比menu层高
但是，登录弹出窗口仍然显示在菜单层下。
你能告诉我如何解决这个问题吗？

这是他们的结构。
nav部分是Toggle menu层，div部分是Login Popup

<nav class="pp-advanced-menu--dropdown" style="z-index: 999999;">
    <div class="pp-menu-close-wrap">
    <ul class="pp-advanced-menu">Toogle menu layer is here</ul>
    </div>
</nav>
<div class="pp-offcanvas-container">
    <div id="yith-welrp" style="display: block;">
         <div class="yith-welrp-popup-wrapper close-on-click" style="z-index: 99999999;">Login Popup is here</div>
    </div>
</div>

谢谢。

Answer 1

您应该将 z-index 添加到下拉列表的同一级别标签，即

<div class="pp-offcanvas-container" style="z-index: 99999999;">

如果还是不行，你可以尝试添加样式 position: relative 或 position: absolute 到弹出窗口：

<div class="pp-offcanvas-container" style="z-index: 99999999; position: relative;">

当 z-index 不基于数字工作时如何解决？

How to solve when z-index not working based on the number?

wordpress

menu

z-index

popup