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

问题描述

问 题

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

解决方案

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

这篇关于javascript - 手机端的全屏弹窗如何写CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！