清除网络运营商植入广告CSS代码
文 / @WordPress主题
前面我发表了屏蔽网络运营商植入广告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网站需要多少成本 2023-11-06 00:09:51
-
Symlink介绍(附:如何使用Symlink进行WordPress开发) 2023-11-05 23:38:32
-
让WordPress实现数据库同步的插件:HyperDB 2023-10-24 23:40:49
-
allegro电商平台值得做吗(附:2023年Allegro注册流程指南) 2023-10-08 21:53:39
-
印度跨境电商平台有哪些(附:印度跨境电商做什么产品好) 2023-10-08 21:34:23
-
跨境电商必看的几大海外二手电商平台 2023-10-08 18:04:42
-
WordPress同城互联网产品解决方案:UBASE 2023-10-03 16:40:39
-
WordPress网站的安全插件:wordfence 2023-09-14 09:25:18
-
WordPress 6.3 支持在手动更新插件和主题失败后回滚旧版本 2023-08-28 16:58:45
-
WordPress 6.3版本(2023年8月)性能提升了哪些? 2023-08-28 16:56:02