清除网络运营商植入广告CSS代码
文 / @UTHEME
前面我发表了屏蔽网络运营商植入广告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

相关文章
-
WordPress插件:All in One WP Security & Firewall 怎么样(附:AIOWPS拦截垃圾评论设置教程) 2023-01-26 21:51:51
-
在 PHP 中如何通过一行代码就交换两个变量的值 2023-01-26 00:18:31
-
WordPress主题:Pin Premium (WordPress仿Pinterest样式瀑布流主题) 2023-01-25 23:36:43
-
免费WordPress主题:Maupassant(WordPress中文博客主题) 2023-01-25 23:31:29
-
WordPress响应式图片(Responsive Image)功能关闭:取消WordPress图片宽带和高度参数 2023-01-24 10:49:32
-
wordpress报错:修复MySQL 1064错误问题 错误原因和解决方法 2023-01-24 10:42:04
-
WP Rocket – 强大的WordPress缓存加速优化插件(附:WP Rocket插件设置过程与七折优惠码) 2023-01-24 00:41:44
-
WordPress 实现静态化搜索结果页面的方法 2023-01-24 00:41:44
-
get_permalink、get_the_permalink和the_permalink有啥区别? 2023-01-24 00:41:08
-
为什么选用WordPress搭建独立站? 2023-01-23 20:25:21