vue-preview与mint-ui popup组件的z-index 冲突？如何解决

Question

问题描述

vue-preview 默认 z-index:1500，mint-ui popup 貌似是动态的z-index:2001~~以上

两插件官方貌似没给出其他api修改

现在要求vue-preview 高于popup 点击小图后预览，预览大图始终popup底下。

问题出现的环境背景及自己尝试过哪些方法

尝试过jquery动态在钩子函数里面修改 貌似不生效。
如何入手，求大神给条明路

相关代码

vue-preview
.pswp {

display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none;

}

popup

.mint-popup-bottom {

width: 100%;
z-index: 2001;

}

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

没办法 组件手动修改vue-preview 原css 文件 解决。。。下下策。。。

Answer 2

CSS也就是层叠样式表。层叠，层叠，你直接写个样式把原来的样式层叠(覆盖)就可以了。

.pswp {
    z-index: 2100 !important;
}