移動端的彈窗

標籤：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;

}

 

移動端的彈窗