IE 10+ Transition from display：none不工作

Question

我面临的问题是，当我点击按钮显示此元素时，在IE 10上它不显示。我正在通过JavaScript添加display: block属性，这就是为什么它不在CSS中。它适用于除IE之外的所有其他浏览器。

如果我删除它显示的转换。

section {
    display: none;
    position: relative;
    top: 50%;
    margin: 0 auto;
    width: 400px;
    transition: all 0.5s linear;
    transform: translate(0,-300%);
}

section.visible {
    transform: translate(0,-50%);
}

Answer 1

我通过在可见类上添加display: block而不是使用jQuery show()时显示该部分来解决此问题。猜猜IE10 +存在问题。