Chrome无法显示div

时间:2016-02-04 23:34:14

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

我有一个使用Bootstrap框架的网站 不幸的是,某些div类没有显示在 Chrome (仅限)&我无法弄清楚为什么。

Bootstrap位于另一个PHP框架上 - 我没有创建这个原始代码;但我可以很容易地修改它 隐藏的div 在DOM中呈现(我可以检查它们)。
我搜索了所有对隐藏div类(col-ad)&的引用。他们都很好看。平凡的CSS,没有明显的东西,可以隐藏div。没有javascript参考。

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

当我检查div时,我得到以下内容:

enter image description here

我唯一能找到的可能是罪魁祸首。不幸的是,我无法在任何代码中找到对此的引用。

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

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

感觉我的造型已被某个地方带走了我不知道在哪里。

编辑:link to demo site where I got script - 刚尝试使用browsershots工具查看网站&amp;广告甚至出现在Chrome中,因此可能是我的版本(?)

1 个答案:

答案 0 :(得分:3)

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

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

选择器包含所有可以想象的组合中的“ad”,以及“广告”,“横幅”,“赞助商”。这是一种典型的“杀死”所有(至少是最明显的)“广告拦截者的尝试 - 并且经常导致附带损害。

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