最近在搞网站,关于下拉菜单栏,pc端显示正常,手机端被父级遮挡的情况:
往上数每个父级元素都要设置z-index;
下拉菜单栏z-index值要比父级高。
设置完成后,发现再次被遮挡,原因是,同一级别的父级元素z-index值设置成了相同的值,相当于没有设置。
因此面对在pc端显示为同一行,手机端显示为一竖行的几个块级元素,下边的块级元素会挡住上边块级元素的下拉栏的情况,应将几个块级元素的z-index值递减,即可解决问题。
最近在搞网站,关于下拉菜单栏,pc端显示正常,手机端被父级遮挡的情况:
往上数每个父级元素都要设置z-index;
下拉菜单栏z-index值要比父级高。
设置完成后,发现再次被遮挡,原因是,同一级别的父级元素z-index值设置成了相同的值,相当于没有设置。
因此面对在pc端显示为同一行,手机端显示为一竖行的几个块级元素,下边的块级元素会挡住上边块级元素的下拉栏的情况,应将几个块级元素的z-index值递减,即可解决问题。