2015-09-15 7 views
-1

Я только что добавил объявление Google Adsense на свою страницу. У меня есть панель навигации на моей странице, которая фиксируется в верхней части экрана. Объявление AdSense находится внутри DIV, который обычно ведет себя нормально и отображается под навигационной панелью, но после показа объявления в объявлении отображается ontop навигационной панели. Код Navbar:Объявления Google adsense, показывающие ontop

#navbar { 
 
     position: fixed; 
 
     width: 100%; 
 
     height: 66px; 
 
     background-color: #1C1C1C; 
 
    }
<div id="navbar"> 
 
     <!-- Orange bar in Navbar--> 
 
    \t <div id="topbar"></div> 
 
    \t <div id="buttons"> 
 
    \t \t <!--Home button--> 
 
    \t \t <a href="/"><p class="button">- Home</p></a> 
 
    \t \t <!--Divider--> 
 
    \t \t <div class="divider"></div> 
 
    \t \t <!--Raffles Button--> 
 
    \t \t <a href="raffles.php"><p class="button">Raffles</p></a> 
 
    \t \t <!--Divider--> 
 
    \t \t <div class="divider"></div> 
 
    \t \t <!--Get tokens Button--> 
 
    \t \t <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> 
 
    \t </div> 
 
     <div id="signin"> 
 
     </div> 
 
    \t <div id="profile"> 
 
    \t </div> 
 
</div>

ДИВО объявление:

div#ad300x600 { 
 
\t margin-left: 50px; 
 
\t height: 600px; 
 
\t width: 300px; 
 
\t background-image: url("miscimg/YUADBLOCK.jpg"); 
 
\t background-size: 0 0; 
 
\t 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>

Я попытался давая Диво Объявление Z-индекс: -100; и Navbar - z-index: 1; но это не помогло. Как я могу сделать показ объявлений под панелью Nav. Кроме того, было бы неплохо, если бы объявление не двигалось. Но если я дам ему положение: исправлено; помечает его в верхнем правом углу экрана и остается там.

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

(серый является Navbar белый это объявление)

+0

Где находится ваш HTML? –

+0

Аполии, я забыл включить их. Я обновил сообщение @JonKantner – Lion

ответ

0

Кажется, что если я преувеличенное количество Z-индекс, как «99999999999» он отлично работает. Извините, что выложили это и сами выяснили решение.

+0

Вы также можете использовать 'position: fixed; top: 80px; 'для класса' .adsbygoogle', чтобы сохранить объявление под панелью навигации. –

Смежные вопросы