在CSS中的Ruby on Rails 2中添加背景圖像

Question

我在ruby中生成了一個腳手架，我想在網站的每個頁面上插入一個背景圖像，但我不確定該圖像的鏈接應該是什么。

我的圖片在app/assets/images/"dep.jpg"

這就是我所擁有但它不起作用：

background-image:url('../images/dep.jpg');
}

有幫助嗎？ 謝謝

Answer 1

在Rails 3.1中，路徑實際上是`/assets/dep.jpg'：

background-image: url(/assets/dep.jpg);

如果您將scaffold.css文件轉換為Sass文件（重命名為scaffold.css.scss ），那么您可以使用幫助程序：

background-image: image-url("dep.jpg");

Answer 2

在軌的網絡服務器需要public文件夾作為應用程序的基礎。 因此，它尋找/public/images/下的特定圖像，而不是app/assets/images/"dep.jpg" ，因為它不在那里，你無法獲得圖像。 嘗試將您的圖像放在/public/images/文件夾中，然后它就可以了。

編輯：如果您使用rails 3.1，那么這將是不同的，因為Rails 3.1使用資產管道的概念為您的應用程序的資產，所以然后路徑app/assets/images/dep.jpg顯然會工作。

Answer 3

如果你的圖像在app/assets/images/dep.jpg ，那么在rails中的css文件中你應該寫下background: url('/assets/dep.jpg');

您不必以這種方式將圖像放在公用文件夾中。

Answer 4

background：url（'/ assets / image_name.jpg'）;

這在Rails 4.0中對我有用

Answer 5

您可以使用絕對路徑：

background-image:url('/images/dep.jpg');

Answer 6

如果您使用的是現代版本的rails（我相信3.1或更高版本），您可以使用：

background: url('../dep.jpg');

由於css也存在於您的資源文件夾中..自動引用assets文件夾。