关闭 bootstrap 模态后内容消失

Disappearing content after close bootstrap modal

我在使用图库中的另一种效果时遇到了 问题。由于我无法弄清楚如何使用该效果,我在图像中更改为另一种悬停效果,但仍然无效。

Bootply exemple

当我关闭通过单击 link 打开的模式时,我单击的图像消失了。 有什么办法可以在不让我的图像消失的情况下关闭模式? 非常感谢!

将 top:0px 添加到图形标题样式

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;
}