在Firefox中， '淡入' 不起作用

我有下面的代码：在Firefox中， '淡入' 不起作用

<style type="text/css"> 
body 
{ 
    display:none; 
} 
</style> 
<script type="text/javascript" src="jquery-1.8.1.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $('body').fadeIn(); 
    //$('body').css("display","block"); 
}); 
</script> 
<title>Insert title here</title> 
</head> 
<body> 
    123456 
</body> 
</html>

但是，淡入不工作，和$（ '身体'）的CSS（ “显示”， “块”）的作品。没有任何问题，是什么问题

来源

2012-10-03 ailee

也许这是一个更可行的解决方案：http://stackoverflow.com/questions/6262047/jquery-body-fade-in绝对更多的浏览器兼容 –

.show（）会工作，但是有一个错误与它FF。 [链接]（http://bugs.jquery.com/ticket/10227） –

我认为这与您将HTML主体的css设置为display:none;这一事实有关。看到这个例子，我只是使用div而不是全身，它在FF中工作：http://jsfiddle.net/T3uX7/2/。

您可以看到相同的代码在尝试淡出时不起作用在<body>：http://jsfiddle.net/T3uX7/4/中。

为了让它起作用，只需使用div即可淡入，而不是全身。

来源

2012-10-03 19:55:48

在Firefox中， '淡入' 不起作用

回答

相关问题