Question

所以我在这个网站上运行动画：http://www.pivot-innovation.com/index_dev.php

在每个浏览器中，一切都很好看。当然除了IE。起初它告诉我从谷歌调用jquery有一个错误...所以我在本地拉了完整版本的jquery现在我可以调用它。我的脚本很简单，但它不会动画或淡化或只是IE中的任何内容。

<script type="text/javascript" src="js/jquery.js"></script> 

<script>
$(document).ready(function() {

    $("#left_innovation_image").hide(); //Hide all content
    $("#right_innovation_image").hide(); //Hide all content
    $("#mainImage_home").hide(); //Hide all content

    $("#left_innovation_image").fadeIn(2000); //Show first tab content
    $("#right_innovation_image").fadeIn(2000); //Show first tab content

    $("#left_innovation_image").animate({position:'absolute', top:'0px', left:'50px'}, 1000)
    $("#right_innovation_image").animate({position:'absolute', top:'0px', right:'50px'}, 1000,
    function(){

    }
    )

    $("#mainImage_home").delay(2500).fadeIn(1000); //Show first tab content

});
</script>

我甚至尝试使用绝对位置，只是简单地动画左边这样：

$("#left_innovation_image").animate({'left': '+=50px'}, 1000)

它仍然无效或移动。任何想法如何解决这一问题？如果没有，我可以写一些只是告诉IE显示图像并忘记jQuery。

Answer 1

在动画片中删除position:absolute作为初学者你可以发布一些示例HTML，以便我们可以调整它

IE中的JQuery动画问题在所有其他浏览器中都很有用

1 个答案: