CSS總在最前

Question

我有我的屏幕頂部的固定圖像的網站。當我向下滾動頁面時，圖像應該保持在頂部。但是，下面的所有內容都與我的圖像重疊，然後將其覆蓋。

如何讓我的頂吧（圖）永遠留在上面？我希望它在您滾動時覆蓋頁面的內容。

Answer 1

確保position是你的元素並設置z-index比你想覆蓋的元素的值。

element { 
    position: fixed; 
    z-index: 999; 
} 

div { 
    position: relative; 
    z-index: 99; 
} 

它可能會需要一些比這更多的工作，但它是一個開始，因爲你沒有張貼任何代碼。

Answer 2

假設您的標記看起來像：

<div id="header" style="position: fixed;"></div> 
<div id="content" style="position: relative;"></div> 

現在，這兩個元件被定位;在這種情況下，底部的元素（按來源順序）將覆蓋它上面的元素（按來源順序）。

在標題上增加一個z-index; 1應該足夠了。