From 9acb651ad850331302e2bc747ead75ddea41012b Mon Sep 17 00:00:00 2001 From: Hermes CI Fix Date: Thu, 23 Jul 2026 17:10:01 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20el-overlay=E5=85=A8=E5=B1=80=E4=BF=AE?= =?UTF-8?q?=E5=A4=8D(z-index+position)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/style.css | 18 +++++++----------- 1 file changed, 7 insertions(+), 11 deletions(-) diff --git a/frontend/src/style.css b/frontend/src/style.css index 0ece6a44..1fbca0e9 100644 --- a/frontend/src/style.css +++ b/frontend/src/style.css @@ -340,18 +340,14 @@ html.dark .el-drawer__header { } } -/* el-message-box / el-dialog 弹窗全局居中修复 — - 注意：不移除 .el-overlay 的 display:flex 会导致遮罩层布局问题， - Element Plus 默认的 el-overlay 已经有 position:fixed + inset:0， - 居中应该用 center 属性而非覆盖样式 */ -.el-message-box { - margin: 0 !important; -} -.el-dialog { - --el-dialog-margin-top: 1vh !important; -} +/* el-overlay 全局修复 — 确保弹窗可见 */ +.el-overlay { z-index: 2000 !important; } +.el-overlay-dialog { z-index: 2001 !important; position: fixed !important; } +.el-message-box__wrapper { z-index: 2002 !important; } +.el-message-box { margin: 0 !important; } +.el-dialog { --el-dialog-margin-top: 1vh !important; } -/* === 页面标准间距与公共布局类 === */ +/* 过渡动画 — 明暗切换平滑过渡 */ .page-view { padding: 16px; } .page-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; flex-wrap:wrap; gap:8px; } .page-title { font-size:18px; font-weight:600; margin:0; }