【问题标题】:Placing a div over advertising instead of below将 div 放置在广告上方而不是下方
【发布时间】:2013-12-23 16:08:14
【问题描述】:

我有这个代码:

<div class="c1">                                    
  //code that makes a div move downwards                     
</div>  
<div class="banner">        
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

  <ins class="adsbygoogle" style="display:inline-block;width:200px;height:200px;" ....>
  </ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>        
</div>  

在 div 类 c1 中有一个 div 在单击按钮时会向下滚动。如果不是谷歌广告代码有

<div class="banner">        
<img src="...">       
</div>

div 应该在图像的顶部。但是对于谷歌广告,广告不被覆盖。

如何将div放在google ads上方?

【问题讨论】:

  • 在你的 div 上尝试display: block
  • @Coulton 这是 DIV 的默认显示
  • 没错,但听起来其中一个 div 不再是块级了?我不知道没有看到实际的实现。有 JSFiddle 的机会吗?
  • @Coulton 我将style="display: block;" 添加到
    ,尝试过,从那里删除,添加到
  • 试试z-index:9999

标签: jquery html css google-ads-api


【解决方案1】:

只要做出这些改变就可以了

<div class="c1" style="position:absolute;z-index:2147483647">                                    
  //code that makes a div move downwards                     
</div> 

【讨论】:

  • 不!这太可怕了,为什么要把z-index设置这么高?!?!
  • 即z-index的最大值。确保它在顶部
  • 所以?有更好的解决方案!获取具有最高 z-index 的元素并 +1 !你是什​​么意思,'使 div 向下移动的代码'? 他在点击按钮时说,那不是它会去的地方!
  • 哈哈可能是 :) 但这是一个更好的解决方案 ;) 它消除了“获取具有最高 z-index 的元素并 +1”的过程并且仍然有效!
猜你喜欢
相关资源
最近更新 更多
热门标签