我有一个使用 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 也会出现广告,所以可能是我的版本(?)
最佳答案
这显然是某种广告拦截器扩展,它插入了自己的样式规则来阻止/隐藏元素——看看该选择器中使用的标识符,应该非常明显。
编辑:[进一步解释,来自评论]
选择器包含所有可以想象的组合中的“广告”,以及出现的“广告”、“横幅”、“赞助商”。这是一种典型的广告拦截器尝试“全部杀死(至少是最明显的)”的尝试——这通常会导致附带损害。
您还可以在那里看到 .ads_320_100
,它针对特定的典型横幅尺寸;对于某些“广告典型”图像尺寸,一些拦截器甚至会删除名称中指定了这种“尺寸”的所有图像。 (即使它使不同图像尺寸的服务器端管理更容易,我还是建议远离这种命名方案——正是出于这个原因。)
关于html - Chrome 不显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35213745/