IE的下载界面会停止CSS3动画

IE的下载界面会停止CSS3动画

今天在调试代码的时候发现IE出现下载界面的时候,CSS3动画会停止。于是很好奇就写了个例子来验证一下,以下是我的DEMO:


<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>title>
        <style>
            @keyframes slideUp {
                0% {
                    height:200px;
                }
                100% {
                    height:0px;
                }
            }
            @-webkit-keyframes slideUp{
                0% {
                    height:200px;
                }
                100% {
                    height:0px;
                }
            }
            .box{
                width:200px;
                height:200px;
                background-color:aquamarine;
                animation-name: slideUp;
                animation-delay: 2s;
                animation-duration: 3s;
            }
        style>
    head>
    <body>
        <div class="box">div>
        <script>
            setTimeout(function(){
                window.location="t1.json";
            },3000)
        script>
    body>
html>

下面是在IE10中的预览效果:
IE的下载界面会停止CSS3动画_第1张图片
经尝试,使用transition也是同样的效果。

你可能感兴趣的:(CSS)