我一生都无法弄清楚为什么下拉菜单显示在顶层架子上的项目下方。我已经正确设置了 z-indexes 和位置,我只是遗漏了一些东西或把东西放在了错误的地方。
任何人都在这里帮助我。
页面链接:http: //www.chelleon.co.uk/environ-skincare
我一生都无法弄清楚为什么下拉菜单显示在顶层架子上的项目下方。我已经正确设置了 z-indexes 和位置,我只是遗漏了一些东西或把东西放在了错误的地方。
任何人都在这里帮助我。
页面链接:http: //www.chelleon.co.uk/environ-skincare
header
你的div上的 z-index是z-index:1;
你的 z-indextop-shelf-products
是z-index:1;
将标题的 div 更改为z-index:2;
您需要将 z-index 应用于 .header 才能使其正常工作:
.header {
.....
z-index: 1;
}
原因是您想要在其父元素上放置 z-index 的元素的 z-index 并不比出现在所述元素上方的元素高...confused with my text, cus i am!