<div class="popupBg"></div>

https://github.com/cssobj/cssobj

.popup{

可以試試這個類庫,實現手機端自適應，動態計算CSS：

首先講一下~~~如果是全屏覆蓋，我想了一下整個過程~1.html結構里加上一個div，div里可以嵌套img，因為你要中間有一個圖片；2.給這個div加上一個類，類名隨意，是為了后面的css代碼做準備；3.css可以用position:absolute;top,left,right,bottom都設置為0，這樣子就實現全屏，而且并不會對其他元素造成影響；4.使用jquery的點擊事件，函數里面調用toggleClass((第二的類名)，這個可以實現點擊出現，再點擊這個div的時候消失；然后按鈕就很簡單一個click事件，給這個div添加這個類；5.img的處理，可以用width等等對他進行大小的限制。 以上是假如是我在完成，我會做的一個做法，做法不限，但是這可能是我第一反應會實現的方案吧~如果有不正之處請指正~思路是這樣子的~等待會看看可不可以寫一個簡單的demo出來~

弄個div 寬高百分百，全屏覆蓋，加絕對定位position:absolute; left:0px ;top:0px;backgrouond:url("xxx") no-repeat center;按你的要求來說沒必要用個多帶帶的標簽放圖片，直接做背景圖片來的干凈。z-index層級定高點能看到就行。這個盒子開始默認隱藏 display：none;點擊之后顯示，然后點本身又隱藏。如果用jQ的話，你可以用toggle控制。

總結

以上是生活随笔為你收集整理的手机端的全屏弹窗如何写CSS的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。