图像在 Safari 中的 div 内无法正确垂直对齐

Question

images div 中的图像在 Chrome、Firefox 和 IE 中似乎垂直对齐并正确居中，但在 Safari 中则不然。在 Safari 中，图片被推到/出images div 并出现在 div 下方，像这样渗入description div：

http://postimg.org/image/vsoifbf1x/

下面是幻灯片的 jsfiddle，显示了在中心对齐的第一张图片。由于我如何引用数组中的图像，JS 将无法工作，但幻灯片对我有用，我只关心图像垂直对齐。它们在 jsfiddle、Chrome 和 Firefox 中正确对齐，而不是在 Safari 中：

http://jsfiddle.net/bytyrurh/

Answer 1

#images {
    height: 548px;
    width: 898px;
    border: 1px solid #000000;
    text-align: center;
}

#images img {
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

这是可能对您有用的代码。