尝试添加背景图像时,Sass语法错误无效的CSS

时间:2013-01-16 05:31:56

标签: css ruby-on-rails background-image sass

我正在尝试在'css.scss'文件中添加背景图片。我一直收到这个错误:

  

“... und-image:url(”:expected“)”之后的无效CSS,是“<%= asset_path(...”     (在/Users/caseyrees/Projects/citycreek/app/assets/stylesheets/custom.css.scss)

这就是我写作的方式:

background-image: url( <%= asset_path 'home/facebook.png' %>);

如果我将文件扩展名更改为“css.erb”,它似乎可以正常工作。我需要它来使用.scss文件扩展名。

3 个答案:

答案 0 :(得分:6)

你不想写assert_path,试试这个,(来自我工作的css.scss文件之一)

background: url(image_path('footer_bg.jpg')) repeat-x center top;

我的footer_bg.jpg图片位于app/asset/images

HTH

答案 1 :(得分:1)

我遇到了同样的问题并通过在ruby代码周围添加引号来修复它:

background-image:url('&lt;%= asset_path'home / facebook.png'%&gt;');

答案 2 :(得分:0)

由于它位于.scss文件中,因此您的ruby代码似乎没有被执行。

当我在PHP中做类似的事情时,我的解决方案是链接到包含真实.scss文件的php文件。像

这样的东西
@file:<?php echo($value);?>;
<php include("style.less"); ?>

然后在文档中链接到THIS文件,而不是.scss文件

编辑:如果您需要在链接文件中使用.scss扩展名,请尝试@ import-ing a .erb文件