1

我希望我的孩子 div 落后于父 div。我用过z-index: -1。它适用于 IE8 标准模式,但在 Quirks 模式下,子 div 显示在父 div 上方。

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
               "http://www.w3.org/TR/html4/loose.dtd">         
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
   <title>Insert title here</title>
    <style type="text/css">
     .first{    
         width: 400px;
         height: 300px;
         background-color: blue;
         position:absolute;
         }

     .second{   
       width: 600px;
       height: 300px;
       z-index: -1;
       background-color: red;
       position:absolute;
      }
     </style>
    </head>
 <body>
     <div class="first">
          I am parent div
        <div class="second">
             I am child div
        </div>
     </div>
 </body>
 </html>
4

0 回答 0