Question

我正在尝试在我的网站上使用CSS精灵，而我之前使用的是Compass，但今天我的照片的图像链接却略有偏差。

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

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

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。

Answer 1

将http_images_path设为the full http path to images on the web server。

在您的案例中，Compass推断http_images_path = http_path + images_dir = /../images/。

设置relative_assets = true也可以解决它。

为什么我的Compass spriting没有链接到正确的图像？

1 个答案: