如何在广告下隐藏文字

时间:2017-11-09 11:56:53

标签: html

我不知道它是否是正确的术语,但我想用广告隐藏文字。因此,当用户使用adblock插件时,将显示文本。

如果这是正确的话我是html的新手。是否有可能只使用HTML? 我试过这样做,但文字就在广告的底部。

<div>
<center>
<!--
Ad code 728x90
-->
<h3>Please disable your Ad-Blocker</h3>
</center>
</div>

我见过这么多网站有这个功能,但我不知道怎么做。 请帮帮我!

2 个答案:

答案 0 :(得分:1)

一个简单的黑客可能是将广告代码放置在id的元素,然后使用javascript / jquery来检查广告的内容。如果找不到,请显示您的文字

答案 1 :(得分:0)

实现此目标的最简单方法是将文字放在横幅广告下方。如果用户启用了广告拦截,则广告将不可见,因此您的文字可见。如果他关闭了adblock,则广告将覆盖该文字。

您可以通过放置围绕广告内容的div和如下文字来实现此目的:

<div class="ad-container">
//Your Ad code here
<h3>Please disable your Adblock</h3>
</div>

要使其工作,您需要在容器位置内创建元素:absolute;

我为你做了一个小提琴: https://jsfiddle.net/q671xyq5/

如果删除图片(基本上就是广告块的作用),则会显示文字。