问题描述
ETA:我被邀请来帮助处理这个站点。我不是设计师,所以我必须征得许可才能共享该站点并建立一个临时站点。我现在可以提供链接。...
https://staging3.childsfirststeps.com/
我删除了我一直在使用的所有z-index / overflow实例,因此它是相对干净的。
简而言之,根据下面的图片,我需要“主页”滑块框与导航项重叠。在其他页面上,我需要页面标题(标题栏)与导航项重叠。所有这些,同时保留下拉菜单。
客户已请求(尽管我们有所有异议)根据她在某处发现的静态设计(图像)进行此导航设计。我认为这在技术上是可行的,所以我着手重新创建它。我设法弄清楚了,但是在添加了下拉菜单项时遇到了障碍:下拉项的z-index行为异常。
我已经定位了所有相关项目,并按我的预期堆叠了z-index。除当前位于页面标题后面的dropdpown菜单项外,其他所有内容均正常运行。
所有菜单项都经过转换(旋转)并在悬停时进行翻译。页面标题(标题栏)需要堆叠在导航栏上方,以覆盖旋转菜单项的底部。
由于站点设计师使用wordpress和Elementor,因此HTML相当复杂,因此无法移动容器。
我已经尝试了所有可以想到的z-index和溢出设置。
通过下拉菜单项可以实现此设计吗?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)