关闭 bootstrap 模态后 img 无法正确显示

Question

我正在尝试建立一个画廊，其中每张图片都有悬停效果 (this one)。当我悬停图像并单击里面的 link 时，一个 bootstrap 模态打开显示一些内容。

直到这里工作正常，但是，当我关闭此模态时，图像无法在主页中正确显示。你可以在这里看到我的问题：

http://www.bootply.com/90dGFlCrxI

谁能解释我做错了什么？ 非常感谢你们！

Answer 1

问题似乎是

overflow: hidden;

在此 css 规则中：

          .effect figure {
               margin: 0;
               position: relative;
               /*overflow: hidden;*/
               text-align: left;
           }

如果您删除问题已解决。

另一个解决方法：

    .effect figcaption {
        position: absolute;
        width: 100%;
        left: 0;
        padding: 7px;
        background: #26BC8A;
        color: #ed4e6e;
        height: 50px;
        top: auto;
        bottom: 0;
        opacity: 0;
       /* transform: translateY(100%); */
       /* transition: transform 0.4s, opacity 0.1s 0.3s; */
}

translateY 未按预期工作。