如何在Compass Sass中为精灵图输出../images路径?

3

如何在compass sass中输出../images..作为雪碧图?
还有谁知道在哪里可以找到关于compass sass雪碧图的高级教程文档?例如sprite-url函数,它在官方网站上找不到。

--css
--sass
    --test.scss
--images
--sprite-images
    --icons
        --a.png
        --b.png

.test.scss codes:
-----------------------
$sprite: sprite-map("icons/*.png");
.hello{
    background-image : sprite-url($sprite);
}

outputs
------------------------
.hello{
    background-image : url('/images/icons-s2c837140f3.png');
}

<!-- but I want to output  -->
.hello{
    background-image : url('../images/icons-s2c837140f3.png');
}
1个回答

7

编辑:http_path = '../' 可能正是你需要的。

另请参见这里的 generated_images_dir : http://compass-style.org/help/documentation/configuration-reference/

如果您没有设置自定义的 project_path 或 project_dir,则应该只需将其设置为../images,尽管您可能还需要将 relative_assets 设置为 true。

关于 sprite-url 和类似的帮助程序,除了在此处找到的内容之外,您不需要知道其他太多信息: http://compass-style.org/reference/compass/helpers/sprites/ 或者在GitHub上的问题中。


抢我一步了!这是我在使用Compass时遇到的第一个问题之一,奇怪的是,从Compass网站本身找到配置参考完全是个麻烦事。 - phatskat
同意。为什么配置参考会出现在教程中,这超出了我的理解。 - glortho
也许这是他们在你跑去论坛之前测试你的方式?当然,最终他们还是来到了这里 :P - phatskat
谢谢!添加(http_path =“../”)和OK。 - linjuming

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接