当我添加悬停时，壮观的弹出窗口不起作用-图片上的文字

问题描述

我想在用户将鼠标悬停在我的图库上时添加文本，并在他们单击时将其放大。它已经放大了，但是当我在图像类之间添加一个类和文本时，放大弹出框不起作用。文字似乎阻止了要选择的图像。我不知道如何以及如何改变。谢谢！

图库代码：

Panel

$(".container").magnificPopup({
  delegate: 'a',type: 'image',gallery:{
    enabled: true
  }
});

.Box{
    width: 270px;
    height: 250px;
    position: relative;
    background-color: rgba(255,102,104,1.00);
    margin: 10px auto;
    cursor: pointer;
}
.Box img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.Box:hover::after{
    transform: scale(1,1.05);
}
.con-text{
    position: absolute;
    color: white;
    bottom: 0;
    width: 270px;
    height: 250px;
    padding: 75px 25px;
    display: none;
    text-align: center;
}
.Box:hover .con-text{
    display: block;
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html magnific-popup