首页 > 移动平台 > 详细

移动端的弹窗

时间:2017-07-28 23:28:18      阅读:330      评论:0      收藏:0      [点我收藏+]

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;

}

 

移动端的弹窗

原文:http://www.cnblogs.com/hld88/p/7252948.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!