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


   }
}

我在指南针中使用' 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

Answer 2

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

使用指南针无法加载图像

2 个答案: