防止固定元素重疊

我有一個移動網站的頁腳div，它需要位於屏幕的底部。這是代碼：防止固定元素重疊

#footer { 
position:fixed; 
bottom:10px; 
width: 95%; 
right: 0; 
left: 0; 
margin-right: auto; 
margin-left: auto; 
background:#fff; 
min-width:240px; 
border-radius:5px; 
padding:3% 0; 
}

它的正常工作，然而，當含量達到股利，它的我頁腳重疊。我想將我的頁腳放在正常的內容流中，當它們到達它時就會在其他內容之後立即顯示。

來源

2014-01-30 Boldizsar

有你把它固定的，如果你想一個原因之一把它放在正常的內容流中？ –

流量和'position：fixed'確實排除對方。正如你所說的'mobile'：https://www.google.de/search?q=ios+position+fixed&oq=ios&aqs=chrome.1.69i57j69i59j69i61j0l3.9275j0j4&sourceid=chrome&espv=210&es_sm=93&ie=UTF-8 – loveNoHate

z-index屬性接受一個數字值。大多數人使用最高限額爲9999，最低限額爲-9999。

具有較高值的元素將出現在具有較低值的元素上方。

但是，您不能使用z-index將子元素放置在子元素的上方。

#footer { 
    z-index: 9999; 
}

http://www.w3schools.com/cssref/pr_pos_z-index.asp

編輯：既然你說你希望它像一個正常的div，試試這個

#footer { 
    position: relative; 
    margin: 20px auto; 
}

位置：固定設置元素基於固定位置在窗口（屏幕尺寸）上。它始終停留在你放置它的地方。

來源

2014-01-30 14:30:43 CRABOLO

感謝答案，然而z-index對我來說不是一個解決方案。我希望頁腳的行爲像一個普通的div。它與其他元素重疊時仍然是錯誤的。 – Boldizsar

設置頁腳的z-index的100

#footer { 
    z-index: 100; 
}

和現在重疊的div至1

#mydiv { 
    z-index: 1; 
}

來源

2014-01-30 14:31:52

就像我說過的：我想將頁腳定位在正常的內容流中，當它們到達時就會在其他內容後面出現。 – Boldizsar

防止固定元素重疊

回答

相關問題