html - 使用 compass 加载图像失败

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));


   }
}

我在 compass 中使用了“backgorund-image”。
问题是图像无法加载到网页。我认为可能需要将图片路径设置到某个地方。

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