需要FB评论框滚动*在我的位置下:固定全局导航栏

时间:2011-09-07 15:06:14

标签: css facebook comments

我在网页顶部有一个位置:固定全局导航栏。

目前,当我向下滚动时,FB评论框会在导航栏上传递

当我向下滚动时,我希望FB评论框在导航栏下面传递

HTML

<div id="header">
<ul id="main-nav">
<li><a href="home.html"> Home</a></li>
<li><a href="two.html">  2   </a></li>
<li><a href="three.html">3   </a></li>
<li><a href="four.html"> 4   </a></li>
<li><a href="five.html"> 5   </a></li>
<li><a href="six.html">  6   </a></li>
<li><a href="seven.html">7   </a></li>
<li><a href="eight.html">8   </a></li>
<li><a href="nine.html"> 9   </a></li>
</ul>
</div>

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="http://www.example.com/" num_posts="2" width="500" colorscheme="light" style="a"></fb:comments>`

CSS

div#header { width: 100%; border-top:0;  background:url(../images/tab.gif); padding-bottom:0em; **position:fixed;** }

ul#main-nav    {font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;float:left;width:100%; font-size:1.1em; font-weight:normal;}

西蒙

1 个答案:

答案 0 :(得分:0)

插入 style =“z-index:1;”

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="http://www.example.com/" num_posts="2" width="500" colorscheme="light" **style="z-index:1;"**></fb:comments>

将z-index = 2插入#header