Css 为什么我的指南针没有连接到正确的图像？

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

我有一个包含index.html文件的项目根目录，然后是一个style/文件夹、一个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);
    }
}

我还有

@导入“指南针”在顶部

我的HTML中有这个：

我基本上只想设置背景

但每当我尝试查看网页上的图像时，它都不会显示，但框仍然可以单击。当我检查它时，它说地址是
/../images/随便什么
 将http\u images\u path设置为

在您的情况下，指南针正在推断
http\u图像\u路径
=
http\u路径
+
images\u目录
=
/../images/

设置
relative\u assets=true
也可以解决此问题。
可能相关：