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:
1 parent
74aaa668ce
commit
f3ba13a6b9
2 files changed
+19
-12
No files matched your search
@@ -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; }
|
||||
|
||||
Reference in new issue
Block a user