html - 将图片放在 adsense 上

Question

如何将图片放在 Google adsense 上？我想要跟踪用户点击，因此，当有人点击广告时，我想要处理 onclick 方法。

.ad-alert {
    width: 728px;
    height: 400px;
    background: #cccccc;
    margin: auto;
    margin-top: 30px;
    z-index: 6000;
}

<div class="ad-alert" onclick="alert('test');">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
        style="display:block; text-align:center; z-index: 4998"
        data-ad-layout="in-article"
        data-ad-format="fluid"
        data-ad-client="ca-pub-1543026956912231"
        data-ad-slot="207185479"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
</div>

但是不起作用，.ad-alert 在广告后面，而不是我想要的前面。你能帮助我吗？谢谢!

Answer 1

看起来您的 .ad-alert 样式缺少 position: absolute 如果您想利用 z-index 值(value)。

.ad-alert {
  position: absolute;

  width: 728px;
  height: 400px;
  background: #cccccc;
  margin: auto;
  margin-top: 30px;
  z-index: 6000;
}

您可以在此处了解有关绝对 定位的更多信息:
https://developer.mozilla.org/en-US/docs/Web/CSS/position