css - CSS3微调器不适用于IE 11

Question

请有人帮帮我，我不知道为什么我的微调加载器不能在IE 11上运行，我已经在Google和论坛上进行了两次检查，但没有任何结果
感谢您的帮助，这是我的CSS代码：

<style>
#busybox {
}

#busybox div {
    top: calc(50% - 45px);
    left: calc(50% - 45px);
    position: fixed;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 4px solid {{spinnerColor}};
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 1000;
}

animation: busybox_kf 1s linear 0s infinite normal none running;
}

@keyframes busybox_kf {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes busybox_kf {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
</style>

Answer 1

将-webkit-transform或-ms-transform用于IE的各种版本。 MDN page for transform property提到了各种IE版本的支持级别。

@keyframes busybox_kf {
    0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } /* same approach for remaining rules below */
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes busybox_kf {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}