jq在浏览器的兼容模式下一些效果不会出现时怎么回事啊

音乐皓
  • 282

这是在火狐上鼠标移入的效果

clipboard.png

这是在兼容模式下出现的效果 和一开始没有什么不一样

clipboard.png

我的jq引入的版本你是1.8.3
这是我写的代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            .box{
                width: 1000px;
                height: 500px;
                background: red;
            }
            .aa{
                position: relative;
            }
        </style>
        <script src="js/jquery-1.7.2.js"></script>
        <script>
            $(function(){
                $(".box").on("mouseover",function(){
                    $(".box").css({background: "blue"})
                    $(".aa").animate({left:300})
                })
                $(".box").on("mouseout",function(){
                    $(".box").css({background: "red"})
                    $(".aa").animate({left:0})
                })
            })
        </script>
         
    </head>
    <body>
        <div class="box">
            
        </div>
        
        <div class="aa">
            asdfsdfnhlsdfhlksdahflsdhalf
            
        </div>
    </body>
</html>
回复
阅读 1.9k
1 个回答

为什么要用兼容模式,兼容模式下的都是IE内核吧,你可以查看你兼容模式下是ie第几个版本,然后去查animate 在这个版本是否支持,感觉是不支持过渡动画的,下图是 web api 中 各浏览器的 animate 的支持程度

clipboard.png

下图是 css 中的支持程度

clipboard.png

下图是全部属性所支持程度的百分比

clipboard.png

宣传栏