解决elementUI弹窗被遮罩层覆盖

vue项目在执行动画之后再打开elementui的弹窗出现了遮罩层挡住弹窗的bug,遮罩层是在body最外层的。

解决:

通过定位发现在弹窗的某一层父级中定义了这一个样式transform: translateX(0px);,尝试去掉了这个样式弹窗就正常了!

解决elementUI弹窗被遮罩层覆盖_第1张图片

发现这个属性会影响内部元素的z-index属性失效,导致出现了遮罩层挡住了弹窗。transform 慎用啊~

你可能感兴趣的:(前端css)