怎样实现这样的网页?

用一个全屏的半透明的div就行，iframe更好，连select也盖
半透明效果用css就可以实现了

解决方案 »

  1.   

    是这样的吗<html>
    <head>
    <title>测试弹出</title><style>
    <!--
    #bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=70);opacity:0.7; background:#000000; display:none;}
    .login{position:absolute;left:30%;top:20%; width:400px;height:300px;background:#FFFFFF;z-index:5000}
    -->
    </style>
    </head><body>
    <script type="text/javascript">
    function show(obj)
    {
    if(obj == 0)
    {
    document.getElementById('login').style.display="none";
    document.getElementById('bg').style.display="none";
    }
    else
    {
    document.getElementById('login').style.display="block";
    document.getElementById('bg').style.display="block";
    }}</script>
    <!--实现半透明-->
    <div id="bg"></div><a href="javascript:show('login')">登录</a><div id="login" style="display:none" class="login">
    <form action="login.php">
    这里是登录窗口
    </form>
    <a href="#" onclick="show('0')">登录</a>
    </div></body>