Исчезающий контент после закрытия bootstrap modal

Question

У меня был similar вопрос, используя другой эффект в моей галерее. Поскольку я не мог понять, как использовать этот эффект, я изменил на другой эффект зависания на моих изображениях, но все еще не работает.

Bootply exemple

Когда я закрываю модальный, который был открыт, нажав на ссылку, изображение, которое я нажал, исчезает. Я могу закрыть модальность без исчезновения моих изображений? Большое спасибо!

Answer 1

добавить топ: 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; 
}