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

Question

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

音乐皓

284361119

发布于
2017-09-25

Dont

7k163552

更新于
2017-09-25

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

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

我的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>

html5 javascript

阅读 2.3k

1 个回答

得票最新

翻滚的猿

11817

发布于
2017-09-25

✓ 已被采纳

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

下图是 css 中的支持程度

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

撰写回答