【问题标题】:Sass Syntax Error Invalid CSS when trying to add background image尝试添加背景图像时 Sass 语法错误无效的 CSS
【发布时间】:2012-12-30 09:21:11
【问题描述】:

我正在尝试在“css.scss”文件中添加背景图像。我不断收到此错误:

“...und-image: url(”: 预期的“)”之后的 CSS 无效,为“

我是这样写的:

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

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

【问题讨论】:

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


    【解决方案1】:

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

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

    我的footer_bg.jpg 图像在app/asset/images

    HTH

    【讨论】:

    • 很高兴帮助并感谢您接受我的回答,因为我刚刚通过了 5k :)
    • 我们能解释一下为什么这会更好吗?
    【解决方案2】:

    我遇到了同样的问题,并通过在 ruby​​ 代码周围添加引号来解决它,如下所示:

    背景图片:url('');

    【讨论】:

      【解决方案3】:

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

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

      @file:<?php echo($value);?>;
      <php include("style.less"); ?>
      

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

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

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-11-07
      • 1970-01-01
      • 2017-06-06
      • 1970-01-01
      • 2023-03-31
      • 2021-09-05
      相关资源
      最近更新 更多