无法使用Sass

时间:2016-11-24 05:58:34

标签: css sass compass-sass

我在学习萨斯。我在youtube上关注此tutorial。一切看起来都找不到,但是当谈到调用图像时,我无法访问图像文件夹中的图像。

这是我的scss部分:

img[alt="Programming Frameworks"] {
    content: image-url('small2.png');
}

我的配置:

http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

当我从开发者控制台检查css时,我得到了这个:

img[alt="Programming Frameworks"] {
    content: url('/images/small2.png?1479092109');
}

当我手动将dev控制台中的css输出修改为:

 img[alt="Programming Frameworks"] {
        content: url('../images/small2.png?1479092109');
 }

它可以在我的HTML中访问图像。它没有显示。

你能帮帮我吗?我是sass开发的新手。

这是我的目录结构:

enter image description here

我也尝试以下代码:

img[alt="Programming Frameworks"] {
    content: image-url('small3.png');
    width: image-width('../images/small3.png');
    height: image-height('../images/small3.png');
}

我检查了我的开发者控制台,我得到了这个:

img[alt="Programming Frameworks"] {
    content: url('/images/small3.png?1479092299');
    width: 466px;
    height: 308px;
}

确切的宽度和高度是正确的。但无法访问图像。 :(

2 个答案:

答案 0 :(得分:1)

问题在于您的>文件

您需要将此行添加到其中

config.rb

这将允许罗盘助手启用图像和其他资产的相对路径

答案 1 :(得分:0)

请尝试给他身高和宽度,因为你的路径正确,所以试着给出身高和宽度