將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>