把標題上的一切

-3

我希望把下面整個頭層「頭容器」一切的頂部和「集裝箱現場」裏的任何東西應該出現在標題後面滾動時。

以下是我的代碼。

全寬的div

.header-container { 
    position: fixed; 
    width: 100%; 
    z-index: 10000; 
}

固定寬度div來中心對齊頭和一些造型

.header-wrapper { 
    margin-bottom: -1px; 
    border-radius: 0; 
    border-bottom: 1px solid #cc6666; 
    height: 263px; 
    position: relative; 
    display: block; 
    width: 1140px; 
    margin: 0px auto; 
}

接着體的頁面

.container-site { 
    margin: 0px auto; 
    width: 1140px; 
    padding-top: 280px; 
}

目前，只有標題（H1的， h2，h3）出現在標題後面。我正在使用Bootstrap。

來源

2015-08-24 WebWebby

http://stackoverflow.com/help/mcve – connexo

請在此處添加有意義的代碼和問題說明。請不要將鏈接到需要修復的網站 - 否則，一旦問題得到解決，此問題將會丟失未來訪問者的任何價值。發佈 [最小，完整和可驗證示例（MCVE）]（http://stackoverflow.com/help/mcve）這表明您的問題將幫助您獲得更好的答案。有關更多信息，請參閱 [我的網站上的某些內容不起作用。我可以只粘貼一個鏈接到它嗎？]（http://meta.stackexchange.com/questions/125997/）謝謝！ – j08691

你試圖實現什麼？ – radiant

標題在頂部，但無法弄清楚它，因爲它是透明的。給.header-container {background:#fff}並看看它是怎樣的。

來源

2015-08-25 07:54:20

根據我的理解，您希望標題高於所有內容並固定到頁面頂部。在你的代碼，頭容器是一個固定的家長裏：

<div class="glass"> 
    <div class="header-container"> 
     ... 
    </div> 
</div>

你要做的就是簡單的z-index增加了頭部的像這樣的家長：

.glass { z-index: 1; }

這應該然而，解決您的問題，你的頭是透明的，並且產生視覺問題時，文本是頭元素下...

來源

2015-08-25 08:04:26 Aziz

把標題上的一切

回答

相關問題