我在学习萨斯。我在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开发的新手。这是我的目录结构:
我也尝试以下代码:
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;
}
确切的宽度和高度是正确的。但无法访问图像。 :(
答案 0 :(得分:1)
问题在于您的>
文件
您需要将此行添加到其中
config.rb
这将允许罗盘助手启用图像和其他资产的相对路径
答案 1 :(得分:0)
请尝试给他身高和宽度,因为你的路径正确,所以试着给出身高和宽度