css菜单下的Google广告？ [英] css menu under Google Ads?

问题描述

我有一个奇怪的效果：

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

如您所见，该菜单会显示在Google横幅下。我正在搜索可以把菜单放在横幅上的东西。您可以在以下网址查看此效果： www.forexvirtuel.com 。

As you can see, the menu goes under the Google banner. I am searching something that could put the menu over the banner. You can see this effet live at : 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;
}

任何想法如何将菜单放在横幅上？

Any idea how to put the menu over the banner?

推荐答案

很好，我可以看出，广告后来出现在DOM中，因此自然覆盖弹出列表。您应该可以使用 z-index 覆盖此操作：

Well, near as I can tell, the ads appear later in the DOM and so naturally cover the popup list. You should be able to override this using z-index:

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

这篇关于css菜单下的Google广告？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！