html - 关闭引导模式后内容消失

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