DIV 全屏遮罩

全屏显示DIV,并使DIV半透明,将其置于顶层,底层的按钮将不可用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Untitled</title>
    <style type="text/css">
        body {
            margin              :0;
        }
        .fullscreen {
            background-color    :black;
            position            :absolute;
            left                :0;
            top                 :0;
            width               :100%;
            height              :100%;
            filter              :alpha(Opacity=50);
            -moz-opacity        :0.5;
            opacity             :0.5;
            z-index             :100;
        }
    </style>
</head>
<body>
<div class="fullscreen"></div>
<input type="button" value="clickme" onclick="alert(0);">
</body>
</html>
posted @ 2012-07-04 16:24  liyifei  阅读(1198)  评论(0编辑  收藏  举报