CSS遮罩层

遮罩层

创建div，设置绝对定位，偏移量均设置为0、宽高均为100%。

HTML代码：

<div class="mask"></div>

CSS代码：

.mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0,42,112,.3);
}

说明：

1. 遮罩层是通过DIV绝对定位实现的。如果设置有定位样式的上级标签，则只覆盖设置有固定样式的上级标签，没有则覆盖浏览器窗口。

2. 在使用frame或iframe设置结构时，需要最顶层页面（top）设置遮罩层。