5

我有一个元素或图像在 Chrome 中显示不正确,但它在所有其他浏览器中显示正常。这是什么原因造成的?


注意:由于它们的性质,这些问题通常过于本地化,无法标记为重复。出于这个原因,我添加了这个问题作为针对所有这些问题的一种方式。

仅在上周提出的几个此类问题的示例是:

Chrome 不想显示 CSS 块

chrome浏览器不显示背景图片

4

1 回答 1

6

这是 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!" />

(这也适用于 CSSbackground图像!)

为了在我的网站上进行测试,我怎样才能防止这种情况发生?

有几种方法可以解决这个问题,但最简单的方法是:

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

    示例 1:暂停或阻止 AdBlock 运行

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

    示例 2:禁用 AdBlock


更新

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

AdBlock 更新截图

于 2013-03-26T11:42:19.163 回答