页面加载的jquery淡入淡出适用于IE以外的所有浏览器

时间:2015-01-12 22:47:59

标签: javascript jquery css

我在页面加载时使用以下脚本淡入图像:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  

<script type="text/javascript"> 
    $(document).ready(function() {     
        $('img').load(function() {         
            $(this).fadeIn(4000);     
        }); 
    }); 
</script> 

css设置为none。

这适用于所有主流浏览器,但不适用于IE。在IE中,图像根本不显示。如何让淡入淡出在IE中工作?

1 个答案:

答案 0 :(得分:0)

IE似乎有淡入淡出问题(请参阅reference)。你可以写一个小的自定义函数来处理这个:

编辑:我将代码简化为以下

$(document).ready(function() {
    $('img').fadeIn(4000, function (){
        $(this).get(0).style.removeAttribute('filter');
    });
});