图一中是一个el-dialog,这个弹出框中有一个上传图片的地方,上传完之后就是图一的状态,我把鼠标移到图片上,想要图片放大预览,预览后就出现图二的状态了
在百度里搜索了一下出现这个问题的原因是,z-index是有从父原则的,有提供一个解决办法是在el—dialog标签里增加:modal-append-to-body='false' 或:append-to-body='true',但是预览图片弹出框的el-dialog是动态添加进去的,我没法写死,望各位大神给出出主意,谢谢~
图一中是一个el-dialog,这个弹出框中有一个上传图片的地方,上传完之后就是图一的状态,我把鼠标移到图片上,想要图片放大预览,预览后就出现图二的状态了
在百度里搜索了一下出现这个问题的原因是,z-index是有从父原则的,有提供一个解决办法是在el—dialog标签里增加:modal-append-to-body='false' 或:append-to-body='true',但是预览图片弹出框的el-dialog是动态添加进去的,我没法写死,望各位大神给出出主意,谢谢~
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答4.8k 阅读✓ 已解决
4 回答4.4k 阅读✓ 已解决
4 回答1.9k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
找到你点击图片放大的el-dialog,给他添加:modal="false"属性取消遮罩层或者添加append-to-body属性,让对话框在body上。