Html Facebook评论插件在滚动时覆盖我的标题div

是的，就像在标题中一样，Facebook评论插件在滚动时覆盖我的标题div

这是滚动之前的：

这是滚动后的：

标题栏的样式：

#header {
    height:45px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.95;
    background: #2D2D2D;
}
#colorbars {
    border-top: 3px solid #DD5044;
    height:42px;
    border-bottom: 8px solid rgba(40, 40, 40, .2);
}
#headercontainer {
    width: 940px;
    overflow: hidden;
    margin: 0 auto 0 auto;
}

<div id="header"><header id="colorbars"><div id="headercontainer">
// content
</div></header></div>

标题栏的HTML：

#header {
    height:45px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.95;
    background: #2D2D2D;
}
#colorbars {
    border-top: 3px solid #DD5044;
    height:42px;
    border-bottom: 8px solid rgba(40, 40, 40, .2);
}
#headercontainer {
    width: 940px;
    overflow: hidden;
    margin: 0 auto 0 auto;
}

<div id="header"><header id="colorbars"><div id="headercontainer">
// content
</div></header></div>

//内容

Facebook插件的代码是：

<fb:comments href="<?php echo $facebook_href; ?>" width="655" num_posts="4"></fb:comments>

---

设置标题的
z索引是否有帮助

#标题{
/* ... */
z指数：9999；
}
谢谢@Shaquin Trifonoff！几天前我试过了。但是我把
z-index
标记放在了
#headercontainer
中，那是我的错。@Emil，请不要这样做琐碎的编辑。如果属性是最后一个，则CSS中不需要分号。