當前位置:聚美館>智慧生活>心理>

瀏覽器部分內容如何遮擋

心理 閱讀(8.55K)
瀏覽器部分內容如何遮擋

遮擋瀏覽器部分內容,一般用到div,可以實現遮擋瀏覽器視窗的功能,代碼爲:

<div unselectable=4on" 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 用來避免滾動條的出現。