我的标题是固定位置，我有一个公司的问题。

Question

我的情况： 我有一个不动的标题，只要我向下滚动，它就会保持原状。我在底部之前的底部有一个div。这个DIV包含Disqus评论系统。

的问题是：

每当我在底部向下滚动，顺利如预期（右下的报头）的DIV运行BUT的Disqus评论系统变得高于其应该是头在标题下。

div的代码和注释模板的通话功能低于降权：

<div class="comments-template" style="position:inherit;"> 
<?php comments_template(); ?> 
</div> 

为DIV和Disqus评论系统的CSS代码是以下：

.comments-template{ 
    width: 1040px; 
    position: static; 
    margin: auto; 
    clear:both; 
    background-color:#CCC; 

} 

#disqus_thread { 
    color: #FFF; 
    padding: 5px; 
    margin: auto; 
    clear:both; 
    position:static; 
} 

.dsq-comment-header { 
    background-color: 2d2d2d; 
    font-family:"Arial",sans-serif; 
    font-size: 12px; 
    height: 50px; 
    position:static; 
    clear:both; 
    } 

.dsq-comment-message { 
    font-family:"Tahoma",sans-serif; 
    font-size: 11px; 
    color: #333; 

    } 
textarea { 
    background-image: none; 
    background-repeat: repeat; 
    border: #666 2px solid; /* light blue border */ 

    } 
.dsq-comment { 
    border: #666 2px solid; /* light blue border */ 
    margin-bottom: 15px; 

    } 

我希望你能帮我解决我的问题。

预先感谢您！

Answer 1

给你的头一个更高z-index：

header { 
    z-index: 5; 
}