IE垂直元素位置错误

Question

我有网站www.stanosimkovic.sk，我在IE浏览器的主页上有文本垂直定位右元素的问题。在其他浏览器中，它可以正确加载。谁能帮我解决这个问题?

我觉得问题出在CSS

.alignMiddle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

但不知道如何解决它，因为在Chrome Opera等OK。

Answer 1

根据不同的IE版本，transform属性可能无法工作。所以你要做的就是添加供应商前缀。所以它看起来应该是这样的(-ms-表示IE):

.alignMiddle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
}

希望有帮助!