将div转换为字体div并使用CSS返回div

Question

正如我在标题中所述。我有3个div，我想在div1前面的div2但在div3后面。我正在使用CSS/CSS3。任何建议，将不胜感激！

Answer 1

您可以通过使用名为z-index的CSS ptoperty来实现它。

您需要定义您的DIV1，DIV2类和DIV3如下：http://jsfiddle.net/h7fx8/1/

编辑：

如果有

#div1 { 
    background-color: Orange; 
    margin-top:100px; 
    margin-left: 100px; 
} 
#div2 { 
    background-color: Red; 
    margin-top:50px; 
    margin-left: 50px; 
    z-index: 1; 
} 
#div3 { 
    background-color: Yellow; 
    z-index:2; 
} 

您可以在样品看看这里没有div2，只有div3的影子，那么它可以这样工作：http://jsfiddle.net/h7fx8/2/

Answer 2

z-index是你最好的选择，但不支持某些老版本的浏览器，即ie。你可以达到同样的效果，如果你有

<div> 
</div> 

<div> 
</div> 

<div> 
</div> 

如果您有这的div可以彼此的内部，另一种选择是

<div> 
    Content 
     <div> 
      Content 
       <div> 
         Content 
       </div> 
      </div> 
</div>