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

Question

我有一个元素或图片在Chrome中无法正常显示,但它在所有其他浏览器中都应该显示.是什么造成的？

---

注意:由于它们的性质,这些问题通常过于局部化而无法标记为重复.我已经添加了这个问题作为一种纯粹出于这个原因针对所有这些问题的方法.

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

Chrome不想显示CSS块

背景图像不显示在Chrome浏览器中

Answer 1

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

这里的“ 问题 ”通常是AdBlock ; 一个Chrome扩展程序，可以过滤掉页面中可能有害的广告。如果您的元素具有可被AdBlock（长列表）检测到的属性，则将其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. 左击屏幕右上角的图标（默认位置），然后选择所需的选项，以暂停扩展程序或阻止其在该特定页面或您的域上运行：
   
   
   

2. 或者，您可以通过导航到（在URL栏中）并取消选中“启用” 来禁用扩展名chrome://extensions/：
   
   

更新资料

几个月前，AdBlock扩展程序已更新，以显示该扩展程序图标内的页面上被阻止了多少个广告。只要图标设置为可见，您现在就可以轻松查看该扩展程序阻止了多少个不同的内容部分：