關於js與遮罩層的思路

2021-09-24 14:10:55 字數 401 閱讀 6185

如果是最簡單粗暴的方法

就是獲取所有元素z-index的值,取最大值

只需要忽略z-index為auto(繼承父元素值)或者為null的情況

生成當前window視窗最大的遮罩

如果存在有zindex不生效的情況,請參考

另乙個,如果是存在多級彈框檢視,如何更加友好的遮罩效果

在乙個最大的父檢視中,彈出乙個子維護功能的檢視,同時生成乙個父檢視的遮罩層,但低於子檢視:意思是在子檢視的顯示過程中,父檢視不可操作,或者是為避免在子檢視操作過程中誤操作父檢視

同時,子檢視的大小一般是小於父檢視的,如果能做的根據當前操作檢視的大小生成同樣大小的遮罩層,是一種使用者互動反饋的更明確化的體驗

所有,如果需要做html檢視遮罩層的控制,至少要形成檢視區域的概念,因為這樣方便獲取當前圖層

JS 層的遮罩效果

在網上看到乙個,用js寫的層的遮罩效果。和大家分享一下。css樣式,如下 js實現,如下 html 如下 input id button1 type button value 點選彈出層 onclick showdiv mydiv fade div id fade class black overl...

js控制的遮罩層

閒來無事,把專案裡很土的彈窗,改成了遮罩層顯示,感覺效果好點了。上 父頁面 include file web inf jsp infobackup martyr printcertdia.jsp true printcertdia.jsp 便是要顯示的最上層jsp.如果用jsp include 頁面...

js 遮罩層 loading 效果

呼叫方法 關閉事件關閉,在loaddiv text 中,剔除出來 呼叫layershow text text為引數,可以寫入想要寫入的提示語 本方法在呼叫時會自動生成乙個新增到body的div,並且會在呼叫隱藏遮罩層 layerhide 時刪除div 封裝遮罩層div顯示效果 將其放在頁面的div中...