0

我是 Compass 的新手，我对精灵生成器非常感兴趣。我看到它工作正常。我遵循了一个教程，但我的精灵遇到了一些问题。我将文件插入到名为spr. 我已经在文件 screen.scss 中插入了以下代码：

@import "spr/*.png";

并为我的标题插入以下内容：

h1{
        @include spr-sprite(Flickr);
        height: 91px;
    }

我检查了检查员，网址正确，背景位置也正确。问题是，一旦检查了检查器元素，它就无法打开图像 url。生成的图片在查找器中确实有效，但文件不存在。名字和位置都很完美。

任何人都可以让我知道他们是否有同样的问题，尤其是如何解决它？

编辑：生成的 CSS

.spr-sprite, header h1 {
    background: url('/images/spr-sbd3b4dd92d.png') no-repeat;
}
header h1 {
    background-position: 0 -120px; height: 91px;
}
4

1 回答 1

1

不熟悉Scout，但是...

现在 Sass 正在使用根相对路径（前导斜杠）。为了解决这些问题：

  • 您必须使用某种本地服务器并通过 http 加载页面（http://...在浏览器的 url 栏中）

  • 该站点必须位于 Web 文件夹的根目录（而不是子文件夹）

例如：

├── css
│   └── site.css
├── images
│   └── spr-sbd3b4dd92d.png
├── index.html
└── sub-folder
    └── index.html

如果您希望将站点根目录放在子文件夹中，或者能够使用该file://协议在浏览器中加载页面，则应在 config.rb 中启用相对路径：

relative_assets = true

如果您的 Scout 中已经没有注释（即：没有前导#），config.rb那么 Scout 一定不会关注配置文件。

看起来这可能是Scout 中的错误。

于 2013-02-21T04:44:23.643 回答