相信不少人在用悟空浏览器浏览网页时，都遇到过这种恼人的情况：页面顶部突然冒出个半透明遮罩，写着“立即下载APP”或“点击安装客户端”，怎么关都关不掉。

这类广告靠着 position: fixed; top: 0 的定位，死死贴在屏幕最上方，把正文内容挡得严严实实。怎么根治？

悟空浏览器其实提供了三重防线：H5广告过滤、CSS精准隐藏和请求层拦截，配合使用基本能彻底清场。

启用H5广告过滤功能

这一步专治顶部横幅、右下角弹窗、视频前贴片等基于HTML5动态注入的干扰元素。它不依赖网络层面的拦截，而是在页面绘制前直接识别并隐藏DOM节点。

对资讯站、小说站、短视频页效果立竿见影。

操作很简单，按以下步骤执行：

• 点击悟空浏览器首页底部的三条横线菜单图标 → 选择“设置”
• 进入“浏览设置” → 点击“安全浏览器”
• 将“H5广告过滤”开关设为开启状态

完成后返回任意含顶部横幅的网页（如今日头条、知乎首页）并刷新，观察横幅是否消失。如果仍有残留，说明默认的H5规则没覆盖到，需要进入下一步。

添加自定义CSS规则屏蔽顶部广告容器

多数顶部横幅都使用固定的类名或内联样式标识，例如 class="top-download-bar"、id="app-banner" 或 style="top:0;position:fixed"。

手动添加CSS选择器可以强制隐藏其渲染，而且不需要等待资源加载完成，几乎是即时生效。

方法一：通用定位屏蔽

进入“设置”→“隐私与安全”→“广告拦截”→“高级设置”→“自定义过滤规则”→点击“添加规则”，输入以下语句：

##body > div[style*="top:0"][style*="fixed"]:not([id="header"]):not([class*="na v"])

这个规则匹配所有带有 top:0 和 fixed 样式的 div 元素，同时排除了正常的导航栏（包含 header 或 na v 关键词），避免误伤页面结构。

方法二：常见类名屏蔽

如果你已经知道某个站点顶部横幅的类名是 ad-topbar 或 download-header，可以直接添加更精准的规则：

##.ad-topbar, ##.download-header, ##.top-banner-ad

输入后点击“保存”，立即刷新当前网页验证效果。

确保全局广告拦截已开启

这是所有过滤行为生效的前提条件。如果这个总开关关闭了，H5过滤和自定义CSS规则都没法触发拦截逻辑，顶部横幅依然会照常显示。

操作步骤：

• 打开悟空浏览器 → 点击右下角三条横线菜单图标
• 进入“设置” → 点击“隐私与安全”
• 找到“广告拦截”开关 → 确认其处于开启状态

【注意：若此处开关为关闭状态，后续所有操作均无效】

开启后返回网页刷新，此时H5过滤与自定义CSS规则同步生效，顶部横幅应该完全消失。如果还有漏网之鱼，可以检查下是否有其他特殊类名，再补充进自定义规则即可。

《夸克》非常好用的免费AI浏览器

下载APP查看