【已解决】使用 z-index 解决不同层级元素互相遮挡的问题

项目场景

博客网站的首页


问题描述

轮播图遮挡住了导航栏的下拉框


原因分析

尝试修改下拉框的 z-index 值,发现无效果

后来发现,根本原因不是 轮播图本身 的层级高

而是轮播图父盒子的层级比下拉框父盒子的层级高

如果仅修改子元素的层级,是不起效果的,因为他俩根本不是同级的元素


解决方案

增加下拉框父盒子的层级,使其高于轮播图父盒子的层级即可

你可能感兴趣的:(Bug,记录,CSS,css)