Chrome 不显示 div

Question

我有一个使用 Bootstrap 框架的站点。
不幸的是，某些 div 类不显示在Chrome（仅）中，我不知道为什么。

Bootstrap 位于另一个 PHP 框架上——我没有创建这个原始代码；但我可以很容易地修改它。
该隐藏层都在DOM渲染（我可以检查它们）。
我已经搜索了所有对隐藏 div 类 ( col-ad) 的引用，它们都作为漂亮而普通的 CSS 出现，没有明显的东西可以使 div 隐藏。也没有 javascript 引用。

如果我Xcol-ad在 DOM 中重命名类（例如），div 将显示。

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

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

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

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

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

编辑：链接到我获得脚本的演示站点- 只是尝试使用浏览器工具查看站点，即使使用 Chrome 也会出现广告，所以可能是我的版本（？）

Answer 1

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

\n\n

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

\n\n

选择器包含所有可以想象的组合中的 \xe2\x80\x9cad\xe2\x80\x9d，加上 \xe2\x80\x9cadvertisement\xe2\x80\x9d、\xe2\x80\x9cbanner\xe2\x80\x9d、\xe2\ x80\x9csponsor\xe2\x80\x9d 也出现了。这是广告拦截器 \xe2\x80\x93 典型的 \xe2\x80\x9ckill \xe2\x80\x99em 所有（至少是最明显的）\xe2\x80\x9d 尝试，并且通常会导致附带后果损害。

\n\n

您还可以在那里看到.ads_320_100，它针对的是特定的、典型的横幅尺寸；对于某些 \xe2\x80\x9cad-典型\xe2\x80\x9d 图像大小，某些拦截器甚至会删除名称中指定了 \xe2\x80\x9cdimensions\xe2\x80\x9d 的所有图像。（尽管它使不同图像大小的服务器端管理变得更容易，但出于这个确切原因，我\xe2\x80\x99d 建议远离此类命名方案 \xe2\x80\x93。）

\n