层之间的显示问题！！！

我有4个彼此罗列的层，但是每个层都露出来一点边，我想点一下最下面的层，让最下面的层来到最上面，其他的3个层也是这个意思，本人刚刚入行，请大侠们给段代码

解决方案 »

  1.   

    没做过，点击后改变一下div的z-index
      

  2.   

    css里的z-index属性看下就知道了！
      

  3.   

    修改div的style里的z-index属性<body>
    <script type="text/javascript" language="javascript">
        function myDivClick(elem)
        {
            document.getElementById("div1").style.zIndex = 1;
            document.getElementById("div2").style.zIndex = 2;
            document.getElementById("div3").style.zIndex = 3;
            document.getElementById("div4").style.zIndex = 4;
            elem.style.zIndex = 99;
        }
    </script>
        <form id="form1" runat="server">
        <div>
            <div id="div1" style="background-color:Gray;position:absolute;width:545px;height:330px; left: 410px; top: 156px; z-index:1" onclick="myDivClick(this)">
                
            </div>
            <div id="div2" style="background-color:Green;position:absolute;width:545px;height:330px; left: 390px; top: 156px; z-index:2" onclick="myDivClick(this)">
                
            </div>
            <div id="div3" style="background-color:Red;position:absolute;width:545px;height:330px; left: 370px; top: 156px; z-index:3" onclick="myDivClick(this)">
                
            </div>
            <div id="div4" style="background-color:Black;position:absolute;width:545px;height:330px; left: 350px; top: 156px; z-index:4" onclick="myDivClick(this)">
                
            </div>
        </div>
        </form>
    </body>试试这个是不是你要的效果
      

  4.   

    多少有点小问题，道理不错
    <html>
    <head>
    <title> new document </title>
    <script language="javascript">
    <!--
    function toTop(obj) {
    obj.style.zIndex += 4;
    }
    //-->
    </script>
    </head> <body>
    <div onclick="toTop(this);" style="z-index:0;position:absolute;top:100px;left:100px;width:100px;height:100px;background-color:#f00;filter:alpha(opacity=95);opacity:0.95;"></div>
    <div onclick="toTop(this);" style="z-index:1;position:absolute;top:150px;left:120px;width:110px;height:110px;background-color:#0f0;filter:alpha(opacity=95);opacity:0.95;"></div>
    <div onclick="toTop(this);" style="z-index:2;position:absolute;top:120px;left:150px;width:120px;height:120px;background-color:#00f;filter:alpha(opacity=95);opacity:0.95;"></div>
    <div onclick="toTop(this);" style="z-index:3;position:absolute;top:160px;left:170px;width:130px;height:130px;background-color:#ccc;filter:alpha(opacity=95);opacity:0.95;"></div>
    </body>
    </html>
      

  5.   

    z_index 设置一下这个属性就OK了.很好很强大!