如何使用罗盘内联图像助手与不相对的图像URL？

Question

问题

如何将指南针 inline-image helper 与不相对的图片网址一起使用？

config.rb

relative_assets = false

我也试过完全评论

此代码有效

hdr-main.png 位于我本地服务器上的 / test / images / 中。

.test{
$image:"hdr-main.png";
background: inline-image($image);
}

此代码不工作

.test{
$image:"http://i.cdn.turner.com/cnn/.e/img/3.0/global/header/hdr-main.png";
background: inline-image($image);
}

显示此错误

Compass was unable to compile one or more files in the project:
File not found or cannot be read: /Users/myname/test/images/http://i.cdn.turner.com/cnn/.e/img/3.0/global/header/hdr-main.png

Answer 1

我不完全确定问题是什么，因为你实际上没有问过问题。你有工作代码，我假设你也试图渲染一个生产样式表。

您应该按原样离开$image: "hdr-main.png"，然后使用config.rb将http_images_path设置为http://i.cdn.turner.com/cnn/.e/img/3.0/global/header/。

您可能希望将此设置与environment设置为生产一起使用。

if environment == :production
  http_images_path = "http://i.cdn.turner.com/cnn/.e/img/3.0/global/header/"
end

然后你用以下

构建你的CSS

compass compile -e production

同样，这是假设，因为上面没有明确的问题。如果这不是您所需要的，请询问具体问题。

Answer 2

根据指南针inline-image的在线文档：

  

指定的路径应该相对于项目的images目录