博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端的弹窗
阅读量:6163 次
发布时间:2019-06-21

本文共 412 字,大约阅读时间需要 1 分钟。

1.移动端的弹窗(用css控制)

2.html布局

3.需求,效果图

4.黑色背景,白色内容

5.html布局

背景:<div class="bg"></div>

内容:<div class="wrape_content"></div>

6.css样式

.bg{

    position:fixed;

   height:100%;

width:100%

top:0;

left:0;

background:#000;

z-index:1000;

}

.wrape_conten{

  width:50%;

height:100px;

position:fixed;

top:50%;

margin-top:-25%;

left:50%;

margin-left:-25%;

z-index:10001;

background:#fff;

}

 

转载于:https://www.cnblogs.com/hld88/p/7252948.html

你可能感兴趣的文章
Linux下ftp和ssh详解
查看>>
跨站脚本功攻击,xss,一个简单的例子让你知道什么是xss攻击
查看>>
js时间和时间戳之间如何转换(汇总)
查看>>
js插件---图片懒加载echo.js结合 Amaze UI ScrollSpy 使用
查看>>
java中string和int的相互转换
查看>>
P1666 前缀单词
查看>>
HTML.2文本
查看>>
Ubuntu unity安装Indicator-Multiload
查看>>
解决Eclipse中新建jsp文件ISO8859-1 编码问题
查看>>
7.对象创建型模式-总结
查看>>
【论文阅读】Classification of breast cancer histology images using transfer learning
查看>>
移动端处理图片懒加载
查看>>
jQuery.on() 函数详解
查看>>
谈缓存和Redis
查看>>
【转】百度地图api,根据多点注标坐标范围计算地图缩放级别zoom自适应地图
查看>>
用户调研(补)
查看>>
ExtJS之开篇:我来了
查看>>
☆1018
查看>>
oracle 去掉空格
查看>>
6.13心得
查看>>