遮挡浏览器部分内容,一般用到div,可以实现遮挡浏览器窗口的功能,代码为:

<div unselectable="on" style="background:#000filter:alpha(opacity=10)opacity:.1left:0pxtop:0pxposition:fixedheight:100%100%overflow:hiddenz-index:10000"></div>

涉及css属性解释一下,根据实际需求调整对应参数:

1)       background:#000: 将div的背景色设置为黑色 filter:alpha(opacity=10): 在IE下,将div的透明度设置为0.1 opacity:.1: 在非IE下,将div的透明度设置为0.1。

2)       left:0pxtop:0pxposition:fixedheight:100%100%: 定义div的高度和宽度分别是浏览器高度和宽度的100%。这里有个小技巧,如果div的position是fixed或者absolute,那么当div的高度设置为百分比(例如100%)时,div的高度将参照浏览器可视区域(viewport)的高度来计算。此外,设置position为fixed,可以使得浏览器即使在scroll或resize时也保证遮罩层一直挡在页面的可视区域。

3)       overflow:hidden 用来避免滚动条的出现。