Elementor 子菜单隐藏 - z-index 问题

发布于 2025-01-09 18:02:24 字数 504 浏览 0 评论 0原文

我一直在使用 Jet Menu 和 elementor 创建一个大型菜单。

我一生都无法找到一种方法让子菜单出现在 z-index 的顶部,这样它们就不会被其他元素遮挡。

我已经能够将 boxshadow 应用于下拉列表,但尝试将 z-index 应用于该元素不会执行任何操作。

 ul.elementor-nav-menu--dropdown {
     box-shadow: 0px 0px 20px -5px #5F5F5F33;

}

请查看此处站点>>,例如“年龄 5-7”内的下拉菜单菜单选项卡。

我可以将 999 z-index 应用于整个 elementor 导航菜单小部件,但这会导致其他菜单相互重叠的其他问题。

有没有人指点一下??

非常感谢!

Ive been creating a mega menu using Jet Menu with elementor.

I can't for the life of me, figure out a way to get the submenus to appear at the top of the z-index, so they aren't obscured by other elements.

Ive been able to apply a boxshadow to the dropdowns, but trying to apply z-index to that element doesn't do anything.

 ul.elementor-nav-menu--dropdown {
     box-shadow: 0px 0px 20px -5px #5F5F5F33;

}

please view Site here>>, example being the dropdowns within the 'Age 5-7' menu tab.

I can apply 999 z-index to the entire elementor nav menu widget, but that causes other problems with other menus overlapping each other.

Does anyone have any pointers??

Many thanks in advance!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文