Question

我有以下代码：

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

但是，fadeIn不起作用，而$（'body'）。css（“display”，“block”）的工作没有任何问题，问题是什么

Answer 1

我认为这与您将HTML正文的CSS设置为display:none;这一事实有关。请参阅此示例，其中我只使用div而不是整个主体，它在FF中运行：http://jsfiddle.net/T3uX7/2/。

在尝试淡出<body>：http://jsfiddle.net/T3uX7/4/时，您可以看到相同的代码无效。

要让它发挥作用，只需使用div淡化而不是整个身体。

在firefox中，'fadeIn'不起作用

1 个答案: