none
层的叠加问题 RRS feed

  • 问题

  • 问题描述:一个页面有两个DIV,在第一个DIV里有一个Button,当按了Button后第二个DIV会弹出来。但发现第二个DIV里的内容不是覆盖在第一个DIV之上,而是部分内容在第一个DIV之下。我已把第一个DIV的z-index设为-1,第二个DIV的z-index设为1了,但还是不行。两个DIV的position都是absolute。请教这是怎么回事?要怎么解决?谢谢先:)

    2008年12月29日 0:45

答案

  • 可以交换一下两个层的顺序,再讲一开始需要隐藏的层的CSS设置为display:none

    2008年12月29日 15:51
    版主
  • z-index设置为10,20,并设置背景颜色再看
    2008年12月30日 4:43
    版主
  • 楼主用的是什么浏览器???

     

    我在IE7、 IE 8 、 Chrom 、 ff 3.+ 都显示正常呀!  点击后的 two 可以覆盖 one 的。

     

    如果你的页面里的层比较复杂,直接把z-index设为 999,试试.

    2008年12月30日 7:23
    版主

全部回复

  •  

    能帖下实现么

    小bug可能在不经意之间

    2008年12月29日 4:18
  • <html>
    <head><title>hello</title></head>
    <script type="text/javascript">
    function showTwoDiv(){
     var twoDiv = document.getElementById("two")
     twoDiv.style.display="block";
     

     </script>

    <body>
     <div id="all" name="all" style="height:110px; width:200px; position:absolute">
    <div id="one" onclick="showTwoDiv()" style="width:200px; height:100px;background-color:red;padding:0px;margin:0px">
     hello
    </div>
    <div id="two" style="width:200px; height:20px;display:none;position:absolute;left:0px;top:0px;background-color:blue">
     world
    </div>
    </div>
    </body>
    </html>

    2008年12月29日 8:48
  • 可以交换一下两个层的顺序,再讲一开始需要隐藏的层的CSS设置为display:none

    2008年12月29日 15:51
    版主
  • z-index设置为10,20,并设置背景颜色再看
    2008年12月30日 4:43
    版主
  • 楼主用的是什么浏览器???

     

    我在IE7、 IE 8 、 Chrom 、 ff 3.+ 都显示正常呀!  点击后的 two 可以覆盖 one 的。

     

    如果你的页面里的层比较复杂,直接把z-index设为 999,试试.

    2008年12月30日 7:23
    版主