javascript - 尽管有正确的日志消息，但jQuery FadeIn()无法正常工作

嘿伙计们！
我有一个小问题，在我最近建立的主页。我试图用类“content”淡入HTML div，它将两条日志消息都输出到控制台中，但它仍然没有淡入！
当然，我删除了那些代码片段中所有不需要的信息
这是我的HTML

<div class="content">  </div>

和我的CSS

.content{
margin: 0px;
position: fixed;
display:none
background-image: url("../img/city_topdown_blurred.png");
background-size:cover;
width: 100%;
height: 100%;
}

最后是我的jquery

$(document).ready(function(){
  console.log("fading in");
  $('.content').fadeIn("slow", function(){
    console.log("fading done");
  });
});

两条日志消息都会立即推送到我的浏览器（Chrome）
即使时间设置为10000或更高。

最佳答案

在将其添加回似乎可以修复它之后，您缺少了一个;，下面是一个工作示例：https://jsfiddle.net/nbekm981/1
丢失的display: none中断的原因是它设置了无效的;。因为它是无效的，所以它使用默认的display: none background-image: url("../img/city_topdown_blurred.png");（它是自动可见的）。所以你的淡入在某种程度上开始之前就已经完成了。

关于javascript - 尽管有正确的日志消息，但jQuery FadeIn()无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40140761/