頭位置：固定

Question

我想知道如果有任何機會，我可以在屏幕上有一個固定的標題，當我向下滾動時，我該怎麼做？

我試圖添加到.header.dark類中的CSS position: fixed;，但它打破了模板。

感謝您的幫助。

Answer 1

應該可以正常工作。試試這個：

<div class="header">This is the header</div> 

CSS

.header { 
    position:fixed; 
    width:100%; 
    top:0; 
    left:0; 
    background:blue; 
    z-index:999; 
} 

Answer 2

嘗試在你的CSS代碼用空格分隔兩班。從這：

.header.dark { 
//fixed position 
} 

要這樣：

.header .dark { 
// fixed position 
} 

我不知道你的代碼是什麼樣子，但如果你試圖做這樣的事情

<h1 class="three four">Double Class</h1> 

那麼你css看起來是這樣的

.three.four { color: red; } 

但是，如果你試圖做這樣的事情

<div class="header"> 
<div class="dark">Stay at top</div> 
</div> 

那麼你的CSS看起來像這樣

.header .dark { position:fixed; } 

這裏有一個很好的參考：http://css-tricks.com/multiple-class-id-selectors/