图像不能在Safari中的div内垂直对齐

Question

images div中的图像似乎在Chrome，Firefox和IE中垂直对齐和居中，但在Safari中却没有。在Safari中，图片被推动下面/出images股利以及出现在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; 
} 

下面是可能会为你工作的代码。