背景 在web2.0中，頁面彈窗是一個很常見的交互方式，這樣既可以避免不必要的頁面跳轉，也可以改進界面的布局和可交互性。 但是，瀏覽器原生的彈窗函數（alert, confirm, prompt）有着很大的局限性，主要是它們的展現UI一來很不美觀，二來也不夠靈活，因此，我們經常需要自行定義彈窗 ...

我做了一個模擬alert的彈出框，但是不能遮擋住滾動條下的內容，經過不斷地測試發現時是我對position:absolute,position:fixed,width:100%,height:100%;理解有模糊的地方，現在做個測試記錄如下： 上面的Css代碼是能夠 ...

壹 ❀ 引 當我們使用position屬性時，總免不了與top，left，right，bottom四個屬性打交道，那么這四個屬性都設置為0時有什么用，與寬高設置100%又有什么區別？本文對此展開討論。 貳 ❀ 關於top left right bottom position定位屬性 ...

1、在網頁設計中我們經常遇到寬度自適應，但有時候可能一種高度自適應的問題。這個時候我們的position之absolute就可以幫你了。 2、position之absolute是脫離文檔流。當width、height設置某值后，該元素的值就是該值。那width、height沒有設置 ...

給需要添加遮罩的標簽添加v-loading屬性，值為true|false（開啟|關閉） ...

<div id="ws" style="display:none; 　　position: absolute; 　　height: 100%; 　　width: 100%; 　　background: #333; 　　opacity: 0.5;"></div> ...

遮罩層效果相信是許多開發需求時候經常會碰到的一個情況，實現遮罩層效果的方式有很多種，下面介紹最簡單的一種，利用CSS來實現遮罩 dom節點代碼： 1 <!-- 進度條遮罩 --> <t:div id="shade" styleClass="shade" > < ...

https://blog.csdn.net/zgsdzczh/article/details/79744838 web頁在微信中訪問增加遮罩層 右上角彈出在瀏覽器中打開 <style type="text/css"> * { ...