关于html5:element-message提示框被dialog遮罩层挡住的问题

56次阅读

共计 226 个字符,预计需要花费 1 分钟才能阅读完成。

问题:见下图

起因:z-index 的大小导致的
解决:应用 $message 提供的自定义类名来解决

this.$message({message:’ 这是提示信息 ’,type:’warning’,customClass:’new_z_index’})

<style>
.new_z_index {

z-index:9000 !important;

}
</style>
(注:倡议写在 scoped 的 style,防止影响到其余的 $message 或者 dialog 的款式)
成果:见下图

正文完
 0