Chrome为元素添加display none

时间:2016-10-04 11:35:04

标签: javascript css google-chrome

在我的网站上,chrome会在加载元素时添加display:none css。

以下是chrome添加的css代码

:root .ad-row, :root #ad-footer, :root .ad-sidebar, :root .ad-content, :root #content > #right > .dose > .dosesingle, :root #content > #center > .dose > .dosesingle, :root .ad-header {
    display: none !important;
}

我删除了所有js文件并检查但它无法正常工作。

3 个答案:

答案 0 :(得分:5)

这不是因为Chrome而发生,而是因为某些广告拦截器扩展程序中的样式可能已经安装在Chrome上。

它也发生在我身上。对于我的一个项目,我无法在firefox上看到一些div元素。问题是你正在使用" ad"在您的班级或身份证名称中。请不要这样做。因为这些广告拦截器扩展会隐藏所有包含关键字" ad"在他们中间。

如何解决问题:

不要尝试从浏览器中删除广告拦截器,而是将您的类和ID名称更改为其他内容。因为如果您网站的访问者安装了任何广告拦截器,那么他们可能会遇到与您相同的事情。

永远不要使用" ad"您的班级或身份证名称中的单词。

答案 1 :(得分:1)

您的Chrome上似乎有广告拦截,对吗?所有没有显示的课程都来自广告框。

答案 2 :(得分:0)

尝试以隐身模式运行它,可能是某些Google Chrome插件添加了自己的风格。