2011-09-07 40 views
0

我有一個位置:固定全球導航欄在網頁的頂部。需要FB評論框滾動*下*我的位置:固定全球導航欄

目前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;} 

西蒙

回答

0

插入風格= 「的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