html - CSS 谷歌广告定位

Question

我在 www.FreeMinecraftHost.com 上显示我的 Google 广告时遇到问题

当我使用这段代码时:

<div class="top-bar">
        <div class="logo">
            <a href=""><img src="FMHLogo.png" alt="Logo" border=0></a>
            <div style="top:-25;"></div>
            <script type="text/javascript">
                <!--
                google_ad_client ="ca-pub-3955111504945324";
                /* Banner */
                google_ad_slot = "6834015980";
                google_ad_width = 468;
                google_ad_height = 60;
                //-->
            </script>
            <script type="text/javascript"
            src="https://pagead2.googlesyndication.com/pagead/show_ads.js"></script></div>
        </div>

    </div>

它打破了顶部栏 div，广告位于 Logo 下方，如果我取出

<div style="top:-25;"> 

然后广告在 Logo 旁边，但固定在顶部栏 div 的底部，有什么想法吗？

Answer 1

将广告放在自己的 div 中并更改其 z-index。您可以将它设置为某个较高的值，如 1000，或者以编程方式设置它，以防您的页面在未来最终包含大量元素。例如:

div.google
{
    z-index: 1000; /*or do this programmatically with jQuery*/
    /*Other properties if required*/
}