蒙层效果
具体demo地址如下,欢迎讨论指导。
See the Pen pop_window_center by Fiona ( @fiona2016) on CodePen.See the Pen pop_window_center by Fiona (@fiona2016) on CodePen.
关键代码讲解
-
蒙层
- 效果:
- 关键字:z-index, rgba
- 实现:
- body分为两个大的div区域,一个是底部展示的div(div-back),一个是弹出的蒙层div(div-pop)。在弹出的蒙层区域,中间部分是container区域,里面有头部的背景图片和content内容,其中包括[知道了]尾部按钮。
- 效果: