javascript建立頁面蒙板的一些知識技巧總結第1/3頁

在ajax大行其道的今天，類比快顯視窗，或者thinkbox，greybox等很多特效都用了蒙板的功能，其應用原來對於我們來說也很簡單：建立一個絕對位置，top/left都為0，寬度和高度等於瀏覽器內容的高寬，然後索引設定的大點即可。可是這裡有一些問題和技巧可能是您一直都不知道或者不清楚的，這裡總結幾點，這些都是個人學習的過程中發現的。

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蒙板。{蒙板出現後背後元素依然可以操作} xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">

cccccccccccccccc

aaaaaaaaaaaa

bbbbbbbbbbbbbbbb