固定标题停留在包装上

我试图用固定标题创建一个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

固定标题停留在包装上

回答

相关问题