Question

我刚在网页上添加了Google Adsense广告。我的页面上有一个导航栏固定在屏幕顶部。 adsense广告位于DIV内，该DIV通常正常运行并显示在导航栏下，但是一旦广告显示，广告就会显示在导航栏的顶部。导航条代码：

#navbar {
        position: fixed;
        width: 100%;
        height: 66px;
        background-color: #1C1C1C;
    }

    <div id="navbar">
        <!-- Orange bar in Navbar-->
    	<div id="topbar"></div>
    	<div id="buttons">
    		<!--Home button-->
    		<a href="/"><p class="button">- Home</p></a>
    		<!--Divider-->
    		<div class="divider"></div>
    		<!--Raffles Button-->
    		<a href="raffles.php"><p class="button">Raffles</p></a>
    		<!--Divider-->
    		<div class="divider"></div>
    		<!--Get tokens Button-->
    		<a href="gettokens.php"><p class="dbutton">Get<br>Tokens</p></a>
            <!--Divider-->
            <div class="divider"></div>
            <!--Token lotto Button-->
            <a href="lotto.php"><p class="dbutton">Token<br>Lotto</p></a>
    	</div>
        <div id="signin">
        </div>
    	<div id="profile">
    	</div>
</div>

Ad DIV：

div#ad300x600 {
	margin-left: 50px;
	height: 600px;
	width: 300px;
	background-image: url("miscimg/YUADBLOCK.jpg");
	background-size: 0 0;
	float: left;
}

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- csgohumblelargeskyscraper -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-xxx"
     data-ad-slot="xxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

我试过给Ad DIV一个z-index：-100;和Navbar a z-index：1;但这没有帮助。如何在导航栏下显示广告。如果广告不会移动，那么也会很好。但如果我给它的位置：固定;标签会弹出到屏幕的右上角并停留在那里。

http://i.stack.imgur.com/Wts4Q.png

（灰色是导航栏，白色是广告）

Answer 1

似乎如果我像“99999999999”那样夸大了z-index的数量，它就可以了。很抱歉发布了这个并自己想出了解决方案。

Google adsense广告显示在ontop上

1 个答案: