广告拦截器导致元素消失

93 阅读1分钟

如果安装了广告拦截器,例如AdBlock,那么在写class时需要注意,不要出现Ad相关的内容,可能会被他误判,当做广告给你隐藏了。

本地地址不会被拦截,但线上地址会出现这个问题。

复现:

Element 官网为例:

正常的navBar: image-20250329140442608.png 当添加了adHeader类后,被强制添加了一个系统样式,即使自己手动添加!important也无法覆盖image-20250329140647765.png

解决:

手动屏蔽掉广告拦截插件,或者设置禁止次网站上暂停即可恢复

当暂停后,添加adHeader则不会出现被覆盖的情况

image-20250329140959823.png

image-20250329141027529.png