背景图像无法在中间人中链接。为什么？

Question

我正在使用中间人开发静态网站，出于某种原因，背景图片拒绝加载。我以前做了很多次，我不知道为什么它不起作用。

这里我设置了背景图片：

.background{
    width: 100%;
}

#topbackground{
    background-image: image-url("mountains.jpg");
    height: 1000px;
    border: 1px solid;
}

这是相当简单的html：

<div class="background" id="topbackground">
</div> 

但是没有背景图片加载，你可以在这里看到：

我没有相互冲突的样式表。此页面链接到的唯一其他样式表是normalize.css，我已经尝试过中和，但这不是问题。

图像在正确的目录中，我刷新了服务器;是否有任何理由导致图像无法加载？

更新：我尝试使用<%= image_tag "mountains.jpg" %>通过图片代码链接图片，效果很好。 scss文件中只有image-url失败。

Answer 1

发现了这个问题。我的css文件没有使用.scss帮助程序所需的image-url扩展名。