在精弘的图床开发中,el-image与el-table冲突,导致图片预览层被表格内容覆盖。问题源于z-index和层叠上下文,el-table单元格的position: relative生成多个低优先级上下文。解决方案是将单元格的position改为static,或使用el-image的preview-teleported属性,将遮罩层插入body以提高优先级。
使用iframe时,子页面中的bootstrap模态框位置和遮罩层不正确。解决方法是将模态框单独写为一个页面,在父页面中引用,并通过调用父页面的方法来弹出模态框。这样可以解决子页面中模态框无法覆盖整个页面的问题。
完成下面两步后,将自动完成登录并继续当前操作。