0

我正在尝试在我的网站中使用 CSS 精灵，我以前使用过 Compass，但是今天我的图片的图片链接有点偏离。

我有一个项目根目录，其中包含一个 index.html 文件，然后是一个样式/文件夹、一个 style.css 文件和一个包含 style.scss 的 sass 文件夹。

我的 config.rb 文件位于根目录的样式文件夹中，如下所示：

http_path = "/"
css_dir = ""
sass_dir = "sass"
javascripts_dir = "javascripts"
images_dir = "../images"
output_style = :compressed

我试图用以下方式显示图像：

a {
    @include twitter-sprite(twitter-icon);
    display: block;
    height: 27px;
    margin: auto;
    width: 31px;

    &:hover {
        @include twitter-sprite(twitter-icon-hover);
    }
}

我也有@import "compass";在顶部。

我的 HTML 中有这个：<a href="http://twitter.com/syllableapp"></a>

我基本上只是想设置背景。

但是每当我尝试在网页上查看图像时，它都不会显示，但该框仍然可以单击。当我检查它时，它说地址是/../images/whatever。

4

1 回答 1

1

设置http_images_path为Web 服务器上图像的完整 http 路径。

在您的情况下，指南针推断http_images_path= http_path+ images_dir= /../images/。

设置relative_assets = true也可以解决。

于 2013-09-29T04:31:45.413 回答