在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中， '淡入' 不起作用

回答

相關問題