使用指南针当我试图创建一个精灵时,screen.css中主精灵图像的路径出错了,因为我无法看到图像.
我的scss代码是
@import "compass"; @import "spr/*.png"; h1 { @include spr-sprite("car"); height:50px; width:50px; }
我的css输出为精灵
.spr-sprite,h1 { background: url('/images/spr-sa37328aec0.png') no-repeat; } h1 { background-position: 0 -147px; height: 50px; width: 50px; overflow: hidden; text-align: left; }
你可以看到背景不应该以../开头,而不是直接用/ images /开头.它造成了一个问题.
我的图像文件夹路径
images ------spr ---*.png sass -----screen.scss css ---screen.css
# Require any additional compass plugins here. # Set this to the root of your project when deployed: http_path = "/" css_dir = "stylesheets" sass_dir = "sass" images_dir = "images" javascripts_dir = "javascripts"
解决方法
原文地址:https://www.jb51.cc/css/215142.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。