下拉菜单项上的Z索引

问题描述

ETA:我被邀请来帮助处理这个站点。我不是设计师,所以我必须征得许可才能共享该站点并建立一个临时站点。我现在可以提供链接。...

https://staging3.childsfirststeps.com/

删除了我一直在使用的所有z-index / overflow实例,因此它是相对干净的。

简而言之,根据下面的图片,我需要“主页”滑块框与导航项重叠。在其他页面上,我需要页面标题标题栏)与导航项重叠。所有这些,同时保留下拉菜单


客户已请求(尽管我们有所​​有异议)根据她在某处发现的静态设计(图像)进行此导航设计。我认为这在技术上是可行的,所以我着手重新创建它。我设法弄清楚了,但是在添加了下拉菜单项时遇到了障碍:下拉项的z-index行为异常。

我已经定位了所有相关项目,并按我的预期堆叠了z-index。除当前位于页面标题后面的dropdpown菜单项外,其他所有内容均正常运行。

所有菜单项都经过转换(旋转)并在悬停时进行翻译。页面标题标题栏)需要堆叠在导航栏上方,以覆盖旋转菜单项的底部

由于站点设计师使用wordpress和Elementor,因此HTML相当复杂,因此无法移动容器。

我已经尝试了所有可以想到的z-index和溢出设置。

通过下拉菜单项可以实现此设计吗?

main nav image

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)