html - 使用指南针加载图像失败

Question

我目前正在使用 Django 框架做网站。但是，我在使用 SASS 加载图像时遇到了问题。我的代码在这里。（这是部分 scss 代码）

@import "compass/css3/images";
body {
       #site-footer{

      @include background-image(url('/static/main/images/continue.png'),
                                    linear-gradient(left, $left-color, $left-
                                    color 49%, $right-color 51%, $right-color));


   }
}

我在指南针中使用“背景图像”。
问题是图像无法加载到网页。我认为可能需要将图像路径设置到某处。

Answer 1

您的代码确实编译正确：

body #site-footer {
  background-image: url("/static/main/images/continue.png"), -webkit-linear-gradient(left, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff);
  background-image: url("/static/main/images/continue.png"), -moz-linear-gradient(left, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff);
  background-image: url("/static/main/images/continue.png"), -o-linear-gradient(left, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff);
  background-image: url("/static/main/images/continue.png"), linear-gradient(to right, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff);
}

问题可能是您提供了不正确的路径。

请手动检查图像是否可用：

http://example.com/static/main/images/continue.png

Answer 2

这可能是由于在 config.rb 中将 relative_assets 设置为 false。尝试将其更改为 true。