Javascript 在Safari中，图像在div内没有正确垂直对齐

在Chrome、Firefox和IE中，

Images

div中的图像似乎垂直对齐并正确居中，但在Safari中则不然。在Safari中，图片被推到

images

div的下面/外面，并出现在div的下面，流到

description

div中，如下所示：

下面是幻灯片的中间部分，显示了第一个在中间对齐的图像。JS不起作用，因为我是如何引用数组中的图像的，但是幻灯片对我来说是有效的，我只关心图像的垂直对齐。它们在JSFIDLE、Chrome和Firefox中正确对齐，而不是在Safari中：

---

以下是可能适合您的代码。

尝试此操作后，Safari中仍然存在问题。这大大简化了我在

#images img

中的代码，但并没有解决问题。将以下内容添加到

#images img

修复了代码：

-webkit transform:translateY（-50%）
-ms转换：translateY（-50%）看起来像是工具箱的问题哈哈。是的，我忘记了所有的供应商前缀。这些都是新的CSS3属性，还没有被所有浏览器完全采用，因此您必须使用前缀。您可以在此网站上查看哪些属性需要供应商前缀：）
#images {
    height: 548px;
    width: 898px;
    border: 1px solid #000000;
    text-align: center;
}

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