在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下一页阅读全文
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下一页阅读全文
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“javascript创建页面蒙板的一些知识技巧总结第1/3页”评论...
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。