Question

我的身体.fadeIn适用于Chrome和Firefox，但我无法在Safari或IE中使用它。我已经尝试移动脚本被读取的顺序（在外部.css之前，在.css之后），我已经检查过脚本是否正确链接到正确的文件 - 没有。这是我现在拥有的HTML：

<head>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery/developmentjquery-1.11.2.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){
        $("body").hide().fadeIn("slow");    
    });
    </script>
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
        <link type="text/css" rel="stylesheet" href="css/file.css"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Title of site</title>
</head>

身体上唯一的.css是：

    body {
background-color: #ffffff;
margin: 0px;
overflow-x:hidden;
z-index: -1;
}

提前感谢您的帮助！

Answer 1

另一种方法是将body的css设置为

body{
opacity:0;
}

并使用jquery

$('body').animate({opacity:1});

如果需要，您还可以将时间设置为动画功能的第二个参数

Answer 2

您已经两次引用jQuery。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery/developmentjquery-1.11.2.js"></script>

取出本地存储的

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

两次引用jQuery会导致许多效果问题。

我需要用我的jQuery来改变.fadeIn在Safari和IE中工作

2 个答案: