最高：50％;不在Safari工作

Question

我的页面正在http://brand2o.com/experience.php，我正在使用此CSS将链接中的图像垂直居中：

img {
  position: relative;
  top: 50%;
  width: 80%;
  padding: 10%;
  transform: translateY(-50%);
}

它在Firefox和Chrome中正常运行，但Safari似乎完全忽略top: 50%;而且我不知道为什么。

在这里，Activision徽标会突出显示，如您所见，所有图像都太过分了。

Answer 1

试试这个：

B