css - compass Sprite

标签 css sass compass-sass

为了根据the documentation通过compass实现spriting我写了这个:

// web/sass/icons.scss
@import "../images/icons/*.jpg"; // for any cases also tried .png 
@include all-icons-sprites;

得到错误:

error sass/icons.scss (Line 2: File to import not found or unreadable: ../images/icons/*.jpg.

我不认为路径是错误的,因为也尝试了完整路径。

结构是这样的:

+ web
  - sass
     + icons.scss
     + ...
  - images
     + icons
       - icon1.jpg
       - icon2.jpg
       - ...

最佳答案

Sprite compass 使用 config.rb 中定义的路径。

所以如果你有这样的结构:

+ web
  + sass
    - icons.scss
  + images
    + icons
      - icon1.png
  + config.rb

在你的 config.rb 中你应该有类似这样的东西:

...
images_dir = "images"
sass_dir = "sass"
...

然后在你的 icons.scss 中你应该这样做:

// web/sass/icons.scss
@import "icons/*.png"; // for any cases also tried .png 
@include all-icons-sprites;

因为导入是相对于我们上面定义的images目录。

一定要看懂配置文件,因为它可能比较棘手http://compass-style.org/help/tutorials/configuration-reference/

关于css - compass Sprite ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10927687/

相关文章:

html - 如何在手机上隐藏页脚

html - 如何拥有非固定的全屏背景图像?

Javascript - 单击时应该消失的 block 重新出现在其他地方

css - Compass SCSS/SASS 的导入 compass/重置顺序

php - 正则表达式从 css 文件中删除行

css - SASS 未编译适当的 CSS

javascript - sass 函数不起作用

css - 如何将多个sass目录合并成一个css文件?

css - Compass/Sass 函数和混合语法

css - compass : Compiling Style Sheets Changes "Black" to "#000"