CSS定位（Z-指數）的背後元

http://siteique.com/uploads/1.png http://siteique.com/uploads/1.png。

我的問題是與主div背後的藍線。

<div id="container"> 
    <!-- blue line 1 --> 
    <div style="width:100%; height:60px; background-color:#81b7ff; position:absolute; top:385px; z-index:1; float:left;"></div> 

    <div id="site"> 
    </div> 

    <div id="footer"> 
     <!-- blue line 2 --> 
     <div style="position:relative; bottom:0px; height:200px; width:100%; z-index:1;"></div> 
    </div> 
</div>

的問題是，如果我做#sitedivposition:absolute和z-index:2的#footer不會像在我想要的位置。

那麼我需要什麼技巧？

我試圖地位藍色div」背後的白色div#site

來源

2011-08-25 Andrei Stanca

只是一個僅供參考，您的z-index設置爲1，在頁腳 – JamesHalsall

什麼是你想怎麼辦？該圖像是如此不清楚... – Nayish

我試圖將白色div背後的藍色div（#site） –

的問題是，如果我#site position:absolute和 z-index:2 ...

如果你只是想影響通過添加新圖層的疊加環境position: relative;將是適當的並且保持元素流動。

請注意，「藍線2」具有不同的堆疊環境，然後是「藍線1」，因爲前者嵌套在一層以上（#footer），然後是後者。

參見：

來源

2011-08-25 12:22:19 feeela

CSS定位（Z-指數）的背後元

回答

相關問題