关闭引导模式后消失的内容

【问题标题】：Disappearing content after close bootstrap modal关闭引导模式后消失的内容
【发布时间】：2015-12-27 05:08:51
【问题描述】：

我在我的画廊中使用另一种效果时遇到了similar 问题。由于我不知道如何使用该效果，我在图像中更改了另一种悬停效果，但仍然无法正常工作。

Bootply exemple

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

【问题讨论】：

请不要使用 Shehary 提出的解决方案，因为如果你调试它，你会看到一个 js 错误

标签： html css twitter-bootstrap-3 css-transitions bootstrap-modal

【解决方案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;
}

【讨论】：

效果很好，非常感谢@SebriZouhaier！非常感谢您的奉献精神。