怎么才能使弹出的这个层背景是透明的,而里面的图片则是不变的。。我试过,好像不大可能,我实现的方法是,讲里面的图片另外弄一个层,然后将图片层的Z-INDEX设置的值比背景层大。

解决方案 »

  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>
      

  2.   

    加了个图片进去<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">
    <img src="http://www.csdn.net/Images/logo_csdn.gif" border="0" /> 
    </div></body>
      

  3.   

    我知道楼上的2位的效果是:当点登录的时候就让包含登录框的曾显示。。是不是?????
    见过有的网站这样弄过。不过我觉得没必要
    我知道怎么弄了:
    <div id="adv_1" style="width:350px; height:200px; display:none; position:absolute; left:0px; top:0px;"> <img src="pic/1.gif" border="0" width="350" height="200" /></div>
    只要把这个层里面的图片的背景设置为透明就可以了,FLASH也一样。