<div tyle="position:absolute">

解决方案 »

  1.   

    绝对位置不行啊,如果页面大小变的话,div就出现位置偏移了
      

  2.   

    你是说这样?
    <html>
    <head>
    <script language="JavaScript" type="text/JavaScript">
    </script>
    </head>
    <body>
    <div id="Layer1" style="position:absolute; left:170px; top:65px; width:168px; height:135px; z-index:1; background-color: #FFFF33; layer-background-color: #FFFF33; border: 1px none #000000;">
      <div id="Layer2" style="position:absolute; left:21px; top:48px; width:130px; height:95px; z-index:2; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;">
        <p>rewrewfds</p>
        <p>fdsfsdf</p>
        <p>fsdfds</p>
      </div>
      <p>fdsfdsfsdfdsfsd</p>
      <p>fdsfds</p>
      <p>vas</p>
      <p>fdsa</p>
      <p>fdsfdsfdsfdsfdsfds</p>
    </div>
    </body>
    </html>
      

  3.   

    只能绝对定位才能重又叠,
    你不指定left,top一般是以parentElement为基准的
      

  4.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function init() {
    div1.style.display = "";
    div1.style.position = "absolute";
    div1.style.top = tab1.style.top +100;
    div1.style.left = tab1.style.left +100;
    div1.style.zindex = 1;
    div2.style.display = "";
    div2.style.position = "absolute";
    div2.style.top = tab1.style.top +100;
    div2.style.left = tab1.style.left + 100;
    div2.style.zindex = 2;
    }
    //-->
    </SCRIPT>
    </HEAD><BODY  onload="init()">
    ddddd
    <br>
    <br>
    <br>
    <br>
    <br>
    <span id="div1">div1</span>
    <span id="div2" style="color:red">div2</span>
    <table border=1 id = "tab1">
    <tr><td>dd</td></tr>
    <tr><td>cc</td></tr>
    </table></BODY>
    </HTML>
      

  5.   

    是啊,使用相对位置时,无论将z-index设为几都不能浮,
    只能使用absolute,当用户resize时候,再去重载onresize事件,给他重新定位。
    不知道还有什么好办法没有,请高手不吝赐教!