Sass語法錯誤嘗試添加背景圖像時出現無效的CSS

我試圖在'css.scss'文件中添加背景圖像。如果我改變文件擴展名「css.erb」它似乎工作Sass語法錯誤嘗試添加背景圖像時出現無效的CSS

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

：我不斷收到此錯誤：

Invalid CSS after "...und-image: url(": expected ")", was "<%= asset_path(..." (in /Users/caseyrees/Projects/citycreek/app/assets/stylesheets/custom.css.scss)

這是我正在寫它。我需要這個與.scss文件擴展名一起工作。

來源

2013-01-16 user1982471

我正在使用Rails 3.2.8 – user1982471

你不想寫assert_path，試試這個，（從我的工作css.scss文件之一）

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

和我footer_bg.jpg圖像是app/asset/images

HTH

來源

2013-01-16 05:41:43 sameera207

這個工程。謝謝！ – user1982471

高興地幫助和感謝接受我的答案因爲我剛剛通過5K :) – sameera207

我們可以得到一個小的解釋，爲什麼這更好？ – Tony

看來你的ruby代碼沒有得到執行，因爲它在.scss文件中。

我在PHP中做了類似的事情時，我的解決方案是鏈接到一個包含真正的.scss文件的php文件。像

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

然後東西連接到這個文件，而不是你.scss文件，文檔中

編輯：如果你需要有.scss擴展你的鏈接文件，嘗試@進口荷蘭國際集團一個.erb文件

來源

2013-01-16 05:37:10

繼續搜索後，我發現這個[link]（http://stackoverflow.com/questions/7693226/assets-not-being-run-though-the-erb-preprocessor ）已經解決了這個問題。他們引用了這個鏈接（http://guides.rubyonrails.org/asset_pipeline.html#css-and-sass）感謝您的幫助。 – user1982471

我有同樣的問題，並通過添加像這樣在一旁的Ruby代碼引號固定它：

背景圖像：網址（'<％= asset_path之家/ facebook.png '％>'）;

來源

2016-01-22 00:36:16

Sass語法錯誤嘗試添加背景圖像時出現無效的CSS

回答

相關問題