Elementor 子菜单隐藏 - z-index 问题
我一直在使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论