搜索菜单弹出背景遮罩功能

来源：6-5 分类页面开发(Filter面板模块“排序和筛选”数据渲染实现

qq_雨籦_0

2019-03-25

图片描述
能否详细描述一下菜单弹出来背景遮罩和菜单盖住后面的列表怎么做的我自己写老盖不住

写回答

1回答

吕小鸣

2019-03-26

已采纳

同学你好，根据视频内的讲解：

1，首先用一个div作为父元素，使用绝对定位，并且撑满全屏添加半透明背景，即：

   position: absolute;
   z-index: 1;
   left: 0;
   top: 2.8rem;
   bottom: 0;
   right: 0;
   background-color: rgba(0,0,0,.7);

2，子元素就是面板内容区，包括3个切换的面板，这里子元素不需要绝对定位，正常写就可以。

3，盖住列表主要是父元素采用绝对定位，并设置z-index 1来实现的。

吕小鸣

qq_雨籦_0

可以这么说，如果加一些hybrid交互，比如添加js调用客服端的相关组件。

2019-03-26

共4条回复

移动Web App开发之实战美团外卖

运用React全家桶技术，从0到1学习全面的移动 Web APP 开发技术。

389 学习 · 235 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1