解决elementUI弹窗被遮罩层覆盖
站长
· 阅读数 30
vue项目在执行动画之后再打开elementui的弹窗出现了遮罩层挡住弹窗的bug,遮罩层是在body最外层的。
解决:
通过定位发现在弹窗的某一层父级中定义了这一个样式transform: translateX(0px);
,尝试去掉了这个样式弹窗就正常了!
发现这个属性会影响内部元素的z-index属性失效,导致出现了遮罩层挡住了弹窗。transform 慎用啊~
vue项目在执行动画之后再打开elementui的弹窗出现了遮罩层挡住弹窗的bug,遮罩层是在body最外层的。
通过定位发现在弹窗的某一层父级中定义了这一个样式transform: translateX(0px);
,尝试去掉了这个样式弹窗就正常了!
发现这个属性会影响内部元素的z-index属性失效,导致出现了遮罩层挡住了弹窗。transform 慎用啊~