fix(static): 特效节点全屏 iframe 改挂 body,修复被后续卡片盖住

全屏特效 iframe 原挂载在卡片容器内,卡片入场动画的 opacity<1 会在
卡片上产生层叠上下文,iframe 的 z-index:9999 被困在卡片内部生效,
DOM 序靠后的兄弟卡片把整张卡片(含特效)压在下面。改为全屏特效
直接挂载 document.body,z-index 在根层叠上下文竞争;in-node 特效
保持挂在卡片内。清理路径(clearAllEffects 全文档按 class 查找)
不受影响。
This commit is contained in:
qing committed 2026-08-07 05:40:28 +00:00
1 parent 74aaa668ce
commit f3ba13a6b9
2 files changed
+19 -12

No files matched your search

+2 -3
View File
@@ -32,9 +32,8 @@ body::after {
}
/* ===== 节点卡片入场:逐张淡入(JS 动态插入时播放) =====
* 注意:此处只能动画 opacity,不能带 transform——特效节点的全屏 iframe 是
* position:fixed,祖先 transform 会成为 fixed 后代的包含块,把全屏特效困在卡片内
*(in-node 特效是 relative 定位不受影响,故障表现为"部分特效不自动启动") */
* 防御性约定:只动画 opacity、不带 transform——祖先 transform 会成为 fixed 后代的包含块。
* 全屏特效 iframe 现已直接挂载 body(见 dnfs.js renderSpJs),不再受卡片动画影响 */
@keyframes card-in {
from { opacity: 0; }
to { opacity: 1; }