手机端的全屏弹窗如何写CSS

Question

手机滚动到 页面的中间，有一个按钮，点击这个按钮可以弹出一个全屏弹出层，层中间有个图片。点击任何区域 ，弹出层消失。这一过程的CSS怎么写?

Answer 1

弄个div 宽高百分百，全屏覆盖，加绝对定位position:absolute; left:0px ;top:0px;backgrouond:url("xxx") no-repeat center;按你的要求来说没必要用个单独的标签放图片，直接做背景图片来的干净。z-index层级定高点能看到就行。这个盒子开始默认隐藏 display：none;点击之后显示，然后点本身又隐藏。如果用jQ的话，你可以用toggle控制。