Chrome 不显示 div答案

【问题标题】：Chrome not displaying divChrome 不显示 div
【发布时间】：2016-05-14 19:35:07
【问题描述】：

我有一个使用 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 也会出现广告，所以可能是我的版本（？）

【问题讨论】：

请添加一些代码
如果可能的话，还有一个指向相关网站的链接
我不确定我能给你什么代码 - div 有点无聊<div class="media col-ad">，.media 没有像 .col-ad 那样被引用...这可能会有所帮助@987654323 @;在我的 Chrome 版本上，广告列表未显示。但是其他版本的 Chrome 看起来还不错。
这里和php有什么关系？因为您标记为 php，但没有代码支持该问题。
我想没有相关性 - 该网站是用 PHP 构建的，但我不确定它是否与我遇到的问题有关。无论如何我都会删除它。

标签： html css twitter-bootstrap google-chrome dom

【解决方案1】：

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

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

选择器包含所有可以想象的组合中的“广告”，以及显示的“广告”、“横幅”、“赞助商”。这是广告拦截者典型的“杀死他们所有人（至少是最明显的那些）”的尝试——这通常会导致附带损害。

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

【讨论】：

砰。就是这样... AdBlocker。我四处张望，但在我的面前。你的意思是像“广告”这个词或其他词的流行一样非常明显？
是的，这就是我的意思——所有可以想象的组合中的“广告”，加上“广告”、“横幅”、“赞助商”也出现了。这是广告拦截器的一种典型的“杀死他们所有人（至少是最明显的人）”的尝试——这通常会导致附带损害。（你会看到.ads_320_100 那里——一些拦截器甚至会删除所有在其名称中指定了这种“尺寸”的图像，对于某些“广告典型”图像尺寸。即使它使不同图像尺寸的服务器端管理更容易，我建议远离这种命名方案——正是因为这个原因。）