定製不同的**可通過對元素新增或減少class類來實現。首先，模態是指如下圖部分的灰色背景部分：（灰色部分不可點選）
然後，要記住，模態要加在當前頁面的上面，以及當前操作框（通常是乙個彈出層）的下面
所謂上面，下面是指：
如果模態（通常是乙個div）的定位是fixed（固定定位）的，那麼它將不佔據文件空間，
所以，將其height和width設定為100%，另外，設定left:0;top:0。即為鋪滿整個螢幕。
然後，在html中，處於此div之前的元素將不可觸及。
那麼如何讓彈出層可以被focus呢？
答案就是讓讓此彈出層處於模態之後，然後同樣設定position:fixed(固定定位)，調整其
top,left等，讓其位置和模態發生」重疊「，由於它是處於模態之後的，所以位置重疊的情況下，
瀏覽器會將其放到上面來，但是其z-index值並沒有發生改變。
（通常也不通過設定z-index的值來特意讓模態處於彈出層的下方，因為這樣會讓原本頁面的元素
處於模態之上，從而可以被操作，這樣就達不到模態想要的結果）。
失敗的**：
function
mask()
從而連彈出層都得不到焦點，不能操控。
成功的**：
function
mask()
這裡box就是彈出層，在box之前插入mask，因為box是處於模態之後的，
所以它就可以在模態之上，因而可以被點選。
來自為知筆記(wiz)
乙個jQuery彈出層 tipsWindown
彈出層效果網上很多很多，也沒啥好說的了。寫這個只是作為學習jq的一些記錄。此外掛程式的一些方法參考了花匠的 dialog 在此表示感謝。接著說說這種彈出層的原理或者說是做法。總結下經驗 首先需要乙個遮罩層來實現灰色背景。我們可以建立乙個z index高於其他層的div。然後設為絕對定位。接著獲取頁面...
利用React anu編寫乙個彈出層
本文將一步步介紹如何使用react或anu建立 乙個彈出層。react時代，都是要經過編譯的，我們很多時間都耗在babel與webpack上。因此本文也介紹如何玩webpack與babel。我們建立乙個ui目錄，裡面新增乙個package.json。內容如下，裡面已經是儘量減少babel外掛程式的使...
jquery實現的乙個 彈出層頁面永遠居中
永遠居中的彈出層，改變視窗大小或拖動視窗滾動條時也會居中 ie 7,8,9 firefox 上測試通過。ie6上改變視窗大小時不能同步調整 目前尚不支援拖動功能 附件 jquery.popdiv.rar 是個寫好的 jquery外掛程式 此外掛程式的優點是彈出層的樣式完全由使用者自己指定。說明 po...