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，广告在徽标下方，如果我取出

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

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

Answer 1

将广告放在自己的 div 中并更改其z-index. 您可以将其设置为 1000 之类的高值，或者以编程方式设置它，以防您的页面在未来出现大量元素。例如：

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