为了账号安全,请及时绑定邮箱和手机立即绑定

这种弹出层如何做呀?周围是半透明的遮罩,模板的个数是动态生成的?

这种弹出层如何做呀?周围是半透明的遮罩,模板的个数是动态生成的?

郎朗坤 2019-02-28 11:31:33
查看完整描述

2 回答

?
拉风的咖菲猫

TA贡献1995条经验 获得超2个赞

弹出层很好实现,你F12看下dom结构跟css就能拿出来了。
至于模板的个数动态生成,js控制的,自己实现也很容易

查看完整回答
反对 回复 2019-03-05
?
慕丝7291255

TA贡献1859条经验 获得超6个赞

先上我这边的实际效果:
https://img1.sycdn.imooc.com//5c7de9460001460008000283.jpg

其实原理很简单,一个背景遮罩,css样式设置,满足两个要求:
1、半透明;
2、z-index属性够大,背景后面的东西不可选中;
弹框的话,自己写一个:
让其z-index属性大于背景即可
这是我这边实现的一个demo简单例子

查看完整回答
反对 回复 2019-03-05
  • 2 回答
  • 0 关注
  • 616 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号