样式:
<style type="text/css">
.maskimg {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000000;
z-index: 11;
display: none;
align-items: center;
}
.maskimg img {
width: 100%;
display: block;
}
</style>
//html:
<div class="maskimg" id="maskimg">
<img id="expand-img" />
</div>
//js:
//点击隐藏图片
$("#maskimg").click(function() {
$(this).hide();
});
//查看图片
function expandImg(img) {
$("#expand-img").attr('src', img);
$("#maskimg").css('display', 'flex');
}