vue中用v-viewer打开图片预览时为什么不显示在最前面

[学无止境啊~]

<div v-viewer="options" class="images">
<template v-for="item in imageList">
<img :src="item.small" class="image" :key="item.imageId" :data-src="item.big" style="weight:50px;height:50px;">
</template>
</div>

data() {
return {
imageList:[],
options: {
url: 'data-src'
},
}

getImageList() {
getImage().then(response => {
response.data = response.data.map((item,index)=>{
item.big = item.Path
item.small = item.Path
return item
})
this.imageList=response.data;
});
},
用了同一个图片地址，多个图片显示时以缩略图的形式显示：

点击单个图片查看就是原先大小的图片，但是点击单个图片弹出预览时整个页面没有显示在最前面，需要关掉当前页面才能查看图片预览，这是为什么？

[_念_]

层级问题，调整两个的z-index属性就可以解决了

[学无止境啊~]

引用 1 楼 nian_cj 的回复:

层级问题，调整两个的z-index属性就可以解决了

z-index？是默认的么？小白没明白

[_念_]

找一下你的缩略图的这个属性是不是比它大了，改小一点