我的元素或背景不是在Chrome中显示,而是在所有其他浏览器中显示,为什么?

时间:2013-03-26 11:42:19

标签: html css google-chrome adblock

我有一个元素或图片无法在Chrome中正常显示,但它会在所有其他浏览器中显示。造成这种情况的原因是什么?


注意:由于其性质,这些问题通常过于本地化,无法标记为重复。我已经将这个问题添加为纯粹出于这个目的而针对所有这些问题的一种方式。

仅在上周提出的几个问题的例子是:

Chrome don't want to display CSS block

Background image not displaying in chrome browser

1 个答案:

答案 0 :(得分:4)

这是一个经常在StackOverflow上弹出的问题。

此处的“问题”通常是 AdBlock ; Chrome扩展程序可过滤掉页面中可能不需要的广告。如果您的元素具有AdBlock(long list)检测到的属性,则会将其display静默设置为none

检测到class示例:

<div class="ad_box">
    <!-- Anything within this divider will not be displayed -->
</div>

检测到的图片src示例:

<img src="../300x250/1_512648b566578.png" alt="This doesn't display either!" />

(这也适用于CSS background图片!)

我如何防止这种情况发生,以便在我的网站上进行测试?

有几种修复问题的方法,但最简单的方法是:

  1. 暂停扩展程序,或者通过左键单击右上角的图标(默认位置)阻止其在该特定页面您的域上运行)你的屏幕并选择所需的选项:

    Example 1: Pausing, or preventing AdBlock from running

  2. 或者,您可以通过导航到chrome://extensions/(在您的网址栏中)并取消选中“启用”来停用扩展程序:

    Example 2: Disabling AdBlock


  3. 更新

    几个月前,AdBlock扩展程序已更新,以显示扩展程序图标中页面上已拦截的广告数量。如果图标设置为可见,您现在可以轻松查看扩展程序阻止了多少个不同的内容部分:

    AdBlock Update Screenshot