引用 CDN 时的罗盘精灵生成
Compass Sprite Generation while referencing a CDN
我正在尝试使用 Compass 的 sprite 生成来为 IE7 提供图像。我想从我的 CDN 提供 sprite 图像文件,所以我需要输出 sprite_url 助手提供的不同 url。 sprite_url 助手输出:
url('//web/images/icons/fallback/sprites-s0b478f635b.png')
我希望它输出:
url('//images.[DOMAIN].com/images/icons/fallback/sprites-s0b478f635b.png')
如果我能找到一种方法来输出相对于我的图像目录的路径,甚至只是生成的精灵图像的文件名,那就太好了。
有什么办法吗?
我明白了。需要更改 config.rb 文件中的 http_generated_images_path 常量。我把它改成了:
http_generated_images_path = "//images.[DOMAIN].com//images"
然后我能够像这样输出正确的url:
$icons: sprite-map("icons/fallback/sprites/*.png");
%sprite {
background-image: sprite-url($icons);
background-repeat: no-repeat;
}
我正在尝试使用 Compass 的 sprite 生成来为 IE7 提供图像。我想从我的 CDN 提供 sprite 图像文件,所以我需要输出 sprite_url 助手提供的不同 url。 sprite_url 助手输出:
url('//web/images/icons/fallback/sprites-s0b478f635b.png')
我希望它输出:
url('//images.[DOMAIN].com/images/icons/fallback/sprites-s0b478f635b.png')
如果我能找到一种方法来输出相对于我的图像目录的路径,甚至只是生成的精灵图像的文件名,那就太好了。
有什么办法吗?
我明白了。需要更改 config.rb 文件中的 http_generated_images_path 常量。我把它改成了:
http_generated_images_path = "//images.[DOMAIN].com//images"
然后我能够像这样输出正确的url:
$icons: sprite-map("icons/fallback/sprites/*.png");
%sprite {
background-image: sprite-url($icons);
background-repeat: no-repeat;
}