首页 技术文章 web前端 清除网络运营商植入广告CSS代码
正文 评论

清除网络运营商植入广告CSS代码

前面我发表了屏蔽网络运营商植入广告jQuery代码,但是有一个缺陷,广告仍然会显示一瞬间,虽然一眨眼的功夫就消失了,给人的感觉还是不很好。

所以,我写了一段CSS代码来屏蔽:

#colophon ~ * {display: none !important;width: 0 !important;height: 0 !important;font-size: 0 !important;overflow: hidden !important;}

注意选择符,因为我网站每个页面的最后一元素ID都是colophon,如果你不确定你页面的最后一个元素是什么,可以在页脚模板(通常是footer.php、footer.tpl)的</body>前面添加一个空元素:

<div id=\"killAd\"></div>

这样,相应的CSS代码为:

#killAd ~ * {display: none !important;width: 0 !important;height: 0 !important;font-size: 0 !important;overflow: hidden !important;}

可能大家会奇怪为什么用了display属性还要多此一举设置宽度、高度、字体大小以前overflow,其实这是为了保险起见,怕有些广告内联样式里设置了display: block !important

-=||=-收藏赞 (0)
更多主题
单栏极简文艺WordPress博客主题:Diaspora主题
¥ 0 关注:20,375
详情
简约黑白WordPress个人博客主题:Personal主题
¥ 0 关注:20,230
详情
v1.0.0
小程序收录免费WordPress主题:XCX主题
¥ 0 关注:20,028
详情
v1.0.0
一款简约单栏的免费WordPress博客主题:itheme主题
¥ 0 关注:18,247
详情
功能丰富切轻量的WordPress虚拟资源主题:Rizhuti主题
¥ 599 关注:18,202
详情
大气优雅免费WordPress博客主题:HONEY主题
¥ 0 关注:15,017
详情
回复
暂无评论

不要再留垃圾评论了,主题君整理资源不容易,留几句鼓励的话吧。