关闭bootstrap模式后消失的内容

Question

我在我的图库中使用了另一种效果similar问题。由于我无法弄清楚如何使用这种效果，我在我的图像中改为另一种悬停效果，但仍然无效。

Bootply exemple

当我关闭打开单击链接的模态时，我单击的图像消失了。 有没有什么方法可以关闭模​​态而不会让我的图像消失？ 非常感谢你！

Answer 1

将top：0px添加到figcaption样式

figcaption {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
height: 100%;
width: 100%;
background: rgba(38, 188, 138, 0.8);
color: #fff;
text-align: center;
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
-ms-transition: all .8s ease;
transition: all .8s ease;
top: 0px;
}