diff --git a/src/lib/components/admin/MarkdownEditor.svelte b/src/lib/components/admin/MarkdownEditor.svelte index 1c93011..767741f 100644 --- a/src/lib/components/admin/MarkdownEditor.svelte +++ b/src/lib/components/admin/MarkdownEditor.svelte @@ -397,18 +397,20 @@ /* 吸顶:紧贴后台固定顶栏(高度 58px)下方,滚动时保持可见 */ position: sticky; top: 58px; + /* 编辑器 .cm-scroller 是 position: relative + z-index: 0,且 DOM 更靠后, + 必须抬高层级,否则正文会盖在工具条上(看起来像半透明) */ + z-index: 20; display: flex; align-items: center; flex-wrap: wrap; gap: 2px; - margin-bottom: 10px; - padding: 4px; + /* 把原来的 10px 间距挪到内边距里,吸顶时下方才不会露出正文 */ + margin-bottom: 0; + padding: 4px 4px 14px; border: 1px solid rgba(0, 0, 0, 0.12); - /* 需要用不透明背景,否则滚动内容会从工具条后面透出来 */ + /* 不透明背景,避免滚动内容从工具条后面透出来 */ background-color: var(--bg-color, #ffffff); background-image: linear-gradient(rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0.015)); - /* 用阴影填充下方 10px 的间距,避免滚动内容从缝隙中露出 */ - box-shadow: 0 10px 0 var(--bg-color, #ffffff); } .md-btn {