图一中是一个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是动态添加进去的,我没法写死,望各位大神给出出主意,谢谢~
9 回答1.7k 阅读✓ 已解决
6 回答1k 阅读
3 回答1.4k 阅读✓ 已解决
5 回答1.4k 阅读✓ 已解决
4 回答986 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
3 回答890 阅读
找到你点击图片放大的el-dialog,给他添加:modal="false"属性取消遮罩层或者添加append-to-body属性,让对话框在body上。