为什么在html页面中引入sprites合成图片在网页里报错找不到?

来源:7-3 compass-utilities-3

Jiaoshan

2016-08-08 09:34

已经在_icons.scss文件中用代码合成了精灵图片,在编辑器中也可以看到合成图片,screen.css中的编译代码为background-image: url('/images/logo-s1ecd90d7e9.png');但是这个代码在网页中是报错的,我看到Materliu老师的源代码为background-image: url('../images/logo-s4401f1f089.png');他这里images是相对路径,但是按照视频的示例写法自己编译后的代码就是绝对路径,所以在html页面引入精灵图片报错找不到。另外一个方面在ruby里面编译 compass sprites “images/logo/*.png”之后报错的代码为 Plese specify at least one image to sprite;确保什么吗?png图片都在logo里面放着,还让确保至少有一个图片,我能说脏话吗?。。。

写回答 关注

4回答

  • qq_Gracekelly_0
    2018-09-01 11:59:49

    问题解决了 在config.rb下把relative_assets = true前面的#号去掉即可 (把相对路径打开)

  • qq_Gracekelly_0
    2018-09-01 11:48:35

    我也遇到了这个问题

  • UncleKeith
    2016-09-17 11:41:12

    对阿 。这个问题怎么解决?

  • 净空
    2016-08-08 17:41:41

    是哦,这是怎么回事,我也遇到了

    Jiaosh...

    原来不是只有我一个人遇到这个问题。。。

    2016-08-08 22:01:07

    共 1 条回复 >

Sass和Compass必备技能之Compass

结实Compass,通过这个工具来帮助你写出更优秀的CSS

21217 学习 · 76 问题

查看课程

相似问题