html - 启用 ABP 时让广告正确隐藏

Question

我在构建网站时了解到客户想要 2 个 300x250 的广告和 1 个 728x90 的广告。我已经使用以下 HTML 将这些添加到设计中:

<aside class="ad top-left">
    <figure class="ad">
        <img src="{{ url('img/templates/ad_728x90.png') }}" alt="Advertimsent placeholder" />
    </figure>
</aside>

这很好用。我添加了一些 CSS 来美化广告容器。但是，我也想支持 AdBlock 用户。看起来 .ad 上的触发器导致它，而不是 display: none; 来设置 height: 0;。这确实是不可取的，因为它会留下多余的填充和边距。

简而言之:如何让 AdBlock Plus 正确隐藏我的广告？

Answer 1

问题在这里得到了回答:

https://adblockplus.org/forum/viewtopic.php?f=2&t=31120&p=124757

由于某些原因，.advertisement 和 .ad 没有被 EasyList 阻止。我最终改用了 .advertiser 和 .ad-field。这些将应用 display: none;。