2009-10-04 107 views
1

我有一個奇怪的效果:谷歌廣告下的css菜單?

alt text http://clip2net.com/clip/m12122/1254677363-clip-11kb.png

正如你所看到的,菜單那張谷歌旗下。我正在尋找可以將菜單放在橫幅上的東西。你可以看到這個效果:www.forexvirtuel.com

代碼看起來象:

... 
<div id="navigation"> 
    <ul id="nav"> 
     <li class="page_item page-item-26"><a href="http://www.forexvirtuel.com/les-calculs/" title="Les calculs">Les calculs</a> 
     <ul> 

      <li class="page_item page-item-33"><a href="http://www.forexvirtuel.com/les-calculs/calcul-du-rollover/" title="Calcul du Rollover">Calcul du Rollover</a></li> 
      <li class="page_item page-item-31"><a href="http://www.forexvirtuel.com/les-calculs/calculs-des-gains-et-calculs-pertes/" title="Calculs des gains et calculs pertes">Calculs des gains et calculs pertes</a></li> 
      <li class="page_item page-item-29"><a href="http://www.forexvirtuel.com/les-calculs/prix-d%e2%80%99un-pip-prix-d%e2%80%99un-point/" title="Prix d’un pip (prix d’un point)">Prix d’un pip (prix d’un point)</a></li> 
     </ul> 
    </ul> 
</div> 
<div id="navigation_pub"> 
    <script type="text/javascript"><!-- 
    google_ad_client = "pub-0909660115587797"; 
    /* Forex_Header */ 
    google_ad_slot = "6839564983"; 
    google_ad_width = 728; 
    google_ad_height = 90; 
    //--> 
    </script> 
    <script type="text/javascript" 
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 
    </script> 
</div> 
... 

的CSS:

#navigation 
{ 
    clear: both; 
    float: left; 
    width: 930px; 
    background-image: url(images/header.gif); 
    height: 56px; 
    padding-right: 20px; 
    margin-top: 1px; 
} 

#navigation_pub 
{ 
    clear: both; 
    height: 90px; 
    width: 930px; 
    text-align:center; 
    padding-top:1px; 
} 

任何想法如何把在旗幟的菜單嗎?

回答

3

好吧,據我所知,這些廣告後來出現在DOM中,因此自然覆蓋了彈出列表。您應該可以使用z-index來覆蓋此項:

#nav li ul { z-index: 1; } 
+0

+1和接受的答案。您的加載訂單正確無誤,解決方案正常工作。非常感謝你。 – 2009-10-04 17:47:05