2016-02-04 110 views
3

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

Bootstrap位于另一个PHP框架 - 我没有创建这个原始代码;但我可以很容易地修改它。
隐藏的divs 在DOM中呈现(我可以检查它们)。
我已经搜索了所有对隐藏div类的引用(col-ad)&它们都是精美的&世俗的CSS没有明显的东西,可以使div隐藏。没有JavaScript参考。

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

当我检查DIV我得到如下:

enter image description here

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

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

当我点击<style>标签时,它(我认为)指向了一个叫做#shadow-root(open)的东西,在这一点上我迷路了。我搜索了关于这方面的信息,但没有成功(我不是100%确定这是问题) - 已经改变了Chrome(Show user agent shadow DOM)中的设置而没有成功。

这感觉就像我的造型已被接管&我不知道在哪里。

编辑:link to demo site where I got script - 只是试图寻找在现场与browsershots工具&广告甚至出现在Chrome,所以可能是我的版本

+0

请添加一些代码 –

+0

并且还有一个指向有问题的网站的链接如果可能的话 –

+0

我不确定我可以给你什么代码 - div有点无聊',.media的引用没有像.col-ad那么多......这可能有助于[链接到演示网站](http://classified.flippyscripts。COM /全最近-1.HTML);在我的Chrome版本中,广告列表未显示。但其他版本的Chrome他们似乎没问题。 – boomshanka

回答

3

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

编辑:进一步解释,从评论]

的选择包含所有可以想象的组合“广告”,再加上“广告”,“广告”,“赞助商”显示为好。这是一种典型的“杀死所有人(至少最明显的)”一个广告拦截器的尝试 - 而且这通常会导致附带损害。

那里您还可以看到.ads_320_100,它是针对特定的典型横幅尺寸;一些阻挡者甚至会删除所有名称中指定的“尺寸”的图片,用于某些“广告典型”图片尺寸。 (尽管它使服务器端管理不同的图像尺寸更容易,但我建议远离这种命名方案 - 因为这个确切原因。)

+0

Bang。就是这样...... AdBlocker。我无处不在,但在我面前。你的意思是非常明显的,因为在“广告”这个词或其他什么的流行? – boomshanka

+2

是啊,这就是我所说的 - 所有可以想象的组合中的“广告”,再加上“广告”,“横幅”,“赞助商”。这是一种典型的“杀死所有人(至少最明显的)”一个广告拦截器的尝试 - 而且这通常会导致附带损害。 (你可以在这里看到'.ads_320_100' - 一些拦截器甚至可以删除所有名称中指定的“尺寸”的图像,对于某些“特定广告”的图像尺寸。尽管它使服务器端管理不同的图像尺寸更容易,我建议远离这种命名方案 - 正是因为这个原因。) – CBroe

+0

@MrLister:完成。 – CBroe