固定標題停留在包裝上

我試圖用固定標題創建一個Wordpress站點。到現在爲止還挺好。頭是好的，但包裝現在是問題。當我給包裝頁邊距：100px時，頁眉將下降100px，頁眉將保持在包裝頁面上方（請參閱圖片）。固定標題停留在包裝上

http://imgur.com/x1ssQhM 。透明的白色是標題，它保持在包裝上方。

代碼鏈接： http://jsfiddle.net/b1u83a7z/enter code here 。在這裏你可以看到，標題是在包裝的包裝應該有一個100像素的margin-top的頂部。

2014-09-04 user2586633

嘗試使用'的包裝，而不是'保證金top' – 2014-09-04 11:04:57

試了一下浸軋top' ，但這個想法是，de wrapper在標題下面是100px。 – user2586633 2014-09-04 11:19:37

添加標題樣式的top屬性在應該放在什麼位置定義：

#top { 
    top:0; <-- Added 
    width:100%; 
    height:60px; 
    margin:0 auto; 
    background-color:rgba(255, 255, 255, 0.9); 
    position:fixed; 
    z-index:500; 
    border-bottom:1px solid #DEDEDE; 
}

Updated JSFiddle

來源

2014-09-04 11:17:37

感謝英雄！這解決了我的問題。 – user2586633 2014-09-04 11:28:26

固定標題停留在包裝上

回答

相關問題