首頁猿問手機端的全屏彈窗如何寫CSS

手機端的全屏彈窗如何寫CSS

JavaScript

慕妹3146593 2018-09-05 09:17:38

手機滾動到頁面的中間，有一個按鈕，點擊這個按鈕可以彈出一個全屏彈出層，層中間有個圖片。點擊任何區(qū)域，彈出層消失。這一過程的CSS怎么寫?

查看完整描述

1 回答

慕尼黑8549860

TA貢獻1818條經(jīng)驗獲得超11個贊

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

反對回復(fù) 2018-10-18