最近在搞网站，关于下拉菜单栏，pc端显示正常，手机端被父级遮挡的情况：
往上数每个父级元素都要设置z-index；
下拉菜单栏z-index值要比父级高。
设置完成后，发现再次被遮挡，原因是，同一级别的父级元素z-index值设置成了相同的值，相当于没有设置。
因此面对在pc端显示为同一行，手机端显示为一竖行的几个块级元素，下边的块级元素会挡住上边块级元素的下拉栏的情况，应将几个块级元素的z-index值递减，即可解决问题。
网页下拉菜单栏手机端被遮挡问题
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 阅读原文 底部弹出的PopView在实际开发中使用频率很高，今天简单实现一个组件YSBasePopView，希望对...
