CSS 背景图片未显示 CSS HAML

Question

我在样式表中有一张背景图片 url，我正试图为我的索引页中的页眉呈现该图片。该图像位于 assets/images 文件夹中。我尝试输入 vendor/assets/images 并且它也没有从那里渲染。

views/splash/index.html.haml:

%section.row.header-bg
  .row
    .col-md-6.col-md-offset-1

assets/stylesheets/splash.css.scss:

.header-bg{
    background-image: url('bg.png');
}

编辑：我尝试了所有我能想到的图像变体 URL，但到目前为止运气不好。

Answer 1

尝试这样做：希望这可以帮助你！

background-image: url('images/bg.png');

or
background-image: url('assets/images/bg.png');

Answer 2

看起来您正在为图像定位 css 文件夹。假设您的图像和样式表文件夹包含在您的 vendor/assets 文件夹中 - 您需要向上导航一级。

尝试在 url 前加上 ../

background-image: url('../images/bg.png');

Answer 3

请像这样尝试它会起作用：

背景图像：图像-url('bg.png');

Answer 4

问题已解决。正确 CSS:

.header-bg{
  background: image-url('bg.png') no-repeat;
}

CSS Background Image not showing up CSS HAML