弹窗被遮盖因z-index≤100,低于导航栏等组件的120~150;需通过devtools检查确认,再用临时css注入(z-index:9999)或持久化规则(z-index:2147483647)修复,并关闭冲突悬浮组件。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

当你在AionClaw中点击技能卡片、RPA流程节点或数字专家配置项时,弹窗内容被顶部导航栏、侧边栏或通知横幅完全遮盖,导致无法点击确认按钮、输入参数或查看详情,这个问题直接影响关键操作的可用性。
确认弹窗Z轴层级是否被覆盖
打开AionClaw主界面 → 右键任意可触发弹窗的元素(如「技能市场」中的「安装」按钮)→ 选择「检查元素」→ 在开发者工具中定位到<dialog></dialog>或<div class="modal">节点 → 查看右侧「Computed」面板中的<code>z-index值。
若该值 ≤ 100,说明弹窗未获得足够层级优先级;AionClaw默认UI组件(如顶部状态栏、左侧导航栏)z-index为120~150,必须高于此范围才能浮出。
强制提升弹窗CSS层级(热修复)
方法一:注入临时样式(无需重启)
在AionClaw任意页面按 Ctrl+Shift+I(Windows)或 Cmd+Option+I(Mac)打开DevTools → 切换到「Console」标签页 → 粘贴并执行以下代码:
const style = document.createElement('style'); style.textContent = 'dialog, .modal, [role="dialog"] { z-index: 9999 !important; }'; document.head.appendChild(style);
这行代码会立即覆盖所有弹窗类的z-index,且不修改任何本地文件。刷新页面后失效,适合临时应急。
方法二:持久化覆盖(推荐长期使用)
进入「工具管理」→「显示增强」→ 找到「自定义CSS注入」文本框 → 粘贴:dialog:not([data-no-zfix]) { z-index: 2147483647 !important; }
【必须保留:not([data-no-zfix])】,否则可能干扰某些需要低层级的系统提示(如权限申请浮层)。
关闭冲突的悬浮UI组件
第一步:禁用「鼠标悬停技能卡片浮层」
进入「使用指南」→ 滑到底部点「高级显示设置」→ 关闭该开关。
第二步:停用「顶部实时通知横幅」
返回「个人中心」→「通知管理」→ 将「新技能上线提醒」「RPA流程启动动画」两项设为「静音不显示」。
第三步:隐藏「安全保护状态浮动提示」
在「安全保护」页面右上角齿轮图标中 → 取消勾选「显示悬浮式防护状态」。
这三个组件均采用position: fixed + z-index: 130~145实现,与弹窗直接竞争图层,关闭后可释放Z轴资源。
验证修复效果
点击「技能市场」任意技能的「详情」按钮 → 观察弹窗是否完整显示在最上层,且能正常点击「安装」或「取消」。
若仍被遮挡,说明存在第三方插件注入了更高z-index的DOM节点。此时需进入「工具管理」→「插件中心」→ 逐个禁用非官方插件并测试,直到弹窗恢复正常。











