html+css制作的遮罩层

遮罩层是比较常用的一种效果。

下面是html代码部分，包含了css代码。

        点击文字弹出一个DIV层窗口代码

        .black_overlay{

            display: none;

            position: absolute;

            top: 0%;

            left: 0%;

            width: 100%;

            height: 100%;

            background-color: black;

            z-index:1001;

            -moz-opacity: 0.8;

            opacity:.80;

            filter: alpha(opacity=88);

        }

        .white_content {

            display: none;

            position: absolute;

            top: 25%;

            left: 25%;

            width: 55%;

            height: 55%;

            padding: 20px;

            border: 10px solid orange;

            background-color: white;

            z-index:1002;

            overflow: auto;

        }

        示例弹出层：请点这里

        这是一个层窗口示例程序. 点这里关闭本窗口

新建一个记事本文件，把以上内容粘贴进去，保存，然后把文件名后缀改为html，直接用浏览器打开即可查看效果。