移动端的弹窗

标签：margin   round   样式   osi   top   需求   image   弹窗   控制   

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;

}

移动端的弹窗

标签：margin   round   样式   osi   top   需求   image   弹窗   控制   

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