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

2024-09-06 12:41:43

字體：大中小

來源：轉載

供稿：網友

在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蒙板。{蒙板出現后背后元素依然可以操作}

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
123下一頁閱讀全文

上一篇：FormValid0.5版本發布，帶ajax自定義驗證例子

下一篇：javascript下阻止表單重復提交、防刷新、防后退