CSS3微调器在IE 11上不起作用
CSS3微调器在IE 11上不起作用
提问于 2018-06-09 03:11:25
有人能帮我吗?我不知道为什么我的旋转加载器不能在IE 11上工作，我已经在谷歌和论坛上仔细检查了两次，但没有任何结果，谢谢你的帮助，这是我的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>回答 1
Stack Overflow用户
发布于 2018-06-09 03:14:59
对不同版本的IE使用-webkit-transform或-ms-transform。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); }
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50767073
复制相关文章
相似问题