html - Chrome 不显示 div

Question

我有一个使用 Bootstrap 框架的网站。
不幸的是，某些类的 div 不显示在 Chrome 中(仅)& 我不明白为什么。

Bootstrap 位于另一个 PHP 框架上——我没有创建这个原始代码；但我可以很容易地修改它。
隐藏的 div 正在呈现在 DOM 中(我可以检查它们)。
我搜索了所有对隐藏的 div 类 ( col-ad ) 的引用，它们都以漂亮和平凡的 CSS 出现，没有明显的东西可以使 div 隐藏。也没有 javascript 引用。

如果我重命名 DOM 中的类(例如 Xcol-ad)，div 会显示。

当我检查 div 时，我得到以下信息:

这是我唯一能找到的可能是罪魁祸首的东西。不幸的是，我在我的任何代码中都找不到对此的引用。

尝试修改 DOM ( display:block!important) 但没有成功。

当我点击 <style>标记它(我认为)指向一个叫做#shadow-root(open) 的东西，此时我迷路了。我已经搜索过有关此的信息但没有成功(我不是 100% 确定这甚至是问题所在)- 更改了 Chrome 中的设置(显示用户代理影子 DOM)但没有成功。

感觉我的造型在某个地方被接管了，我不知道在哪里。

编辑:link to demo site where I got script - 刚刚尝试使用 browsershots 工具查看网站，即使使用 Chrome 也会出现广告，所以可能是我的版本(？)

Answer 1

这显然是某种广告拦截器扩展，它插入了自己的样式规则来阻止/隐藏元素——看看该选择器中使用的标识符，应该非常明显。

编辑:[进一步解释，来自评论]

选择器包含所有可以想象的组合中的“广告”，以及出现的“广告”、“横幅”、“赞助商”。这是一种典型的广告拦截器尝试“全部杀死(至少是最明显的)”的尝试——这通常会导致附带损害。

您还可以在那里看到 .ads_320_100，它针对特定的典型横幅尺寸；对于某些“广告典型”图像尺寸，一些拦截器甚至会删除名称中指定了这种“尺寸”的所有图像。 (即使它使不同图像尺寸的服务器端管理更容易，我还是建议远离这种命名方案——正是出于这个原因。)