圖像不能在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; 
} 

下面是可能會爲你工作的代碼。