使用指南针加载图像失败答案

【问题标题】：Failed to load image with using compass使用指南针加载图像失败
【发布时间】：2013-04-24 21:51:29
【问题描述】：

我目前正在使用 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”。
问题是图像无法加载到网页。我认为可能需要将图像路径设置到某个地方。

【问题讨论】：

标签： html css sass compass-sass

【解决方案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

【讨论】：

我想从我的驱动器加载图像。这意味着像这样 - d:/mysite/static/main/images - 不是来自 localhost/static/~ 。我目前的情况是从127.0.0.1:8000/static/main/images加载的~。
问题是您有某种 Web 服务器软件在端口 8000 上为您的项目提供服务。所以您的问题与 CSS、SASS 或 Compass 无关。您必须了解您的 Web 服务器和应用程序是如何工作的，以及如何使用它们来提供静态内容。请参阅您正在使用的任何框架的文档。 PS不要忘记接受答案。

【解决方案2】：

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

【讨论】：

是的。您只需要取消注释该行。