在ajax流行的今天，模擬彈出視窗，或者thinkbox，greybox等很多特效都用了蒙板的功能，其實實現起來十分簡單，關鍵是獲取瀏覽器的高度和寬度

----1、建立一個絕對定位，top/left都為0，

----2、寬度和高度等於瀏覽器內容的高寬，

----3、然後索引設定的大點即可。


1、建立的蒙板如果要禁止對蒙板下部內容的操作必須設定background屬性且必須設定一個有效的值，否則雖然遮罩層建立成功，但仍然可以對頁面下部的元素進行操作。

2、如果要顯示頁面底部的元素可以通過css設定透明度來實現，如filter:alpha(opacity=0)，這裡是完全透明，淡然也可以設定為半透明。

3、div層形成的蒙板可以矇住iframe，但不能蓋住select及object。

4、可以使用iframe可以遮蓋select，一般使用iframe和div結合的辦法遮蓋select（div所以要比iframe的z索引高）並建立內容，其實iframe會自動隱藏select，也可以自己只使用div和js隱藏select。

5、對於使用js隱藏select的方法多數是在建立真正的蒙板時使用，如彈出框或thinkbox等。對於使用iframe和div的辦法主要用於區域性蒙板，如日期控制元件或title彈出時使用iframe和div定位在同一位置可以遮蓋住其下的select控制元件。


以下為上面一些總結的演示：
(1)不設定background屬性的div蒙板。{蒙板出現後背後元素依然可以操作}
演示：

請點選

(2)設定了background屬性的不透明div蒙板(透明度100%)（顏色為黑色）。{背後元素不可見且不可操作}
演示：請點選

(3)設定了background且設定蒙板半透明(50%)的div蒙板。{背後隱約元素可見但不可操作}
演示：請點選

(4)設定了background且設定蒙板全透明(0%)的div蒙板。{背後元素可見但不可操作}
演示：請點選

(5)使用div生成的蒙板不能遮蓋select，但能遮蓋iframe。
演示：請點選

(6)使用全透明的iframe生成蒙板。{可遮蓋select：自動隱藏select}
演示：請點選

(7)div+iframe遮蓋區域性select。
演示：請點選