Rails 3將圖像集成到視圖模板中

Question

我在Rails 3中被一個愚蠢的問題鎖定了......實際上，我正在構建CSS來設計我的應用程序，並且我有一個叫做banner的div，整合一個標誌（這是一個PNG文件）。所以我正在處理views/layouts/application.html.erb。

我已經把image.png放入了public/images文件夾。

在我的CSS使用：

background-image: url("images/rails.png"); 

而且沒有顯示...這驅使我堅果。有人可以幫助我解決這個基本問題嗎？它與Rails有什麼關係？

感謝

Answer 1

你缺少一個前鋒/ background-image: url("/images/rails.png");

Answer 2

我認爲這個問題的原因是你已經進入了相對URL。

如果圖像嵌入在網頁上，網址爲/articles/1/您的瀏覽器將從/articles/1/images/rails.png而不是/images/rails.png中獲取圖片。

如果你在前面加上斜槓的資源，它可能會工作：

background-image: url(/images/rails.png); 

BTW，我認爲這是閱讀Rails Assets Guide一個好主意，因爲對於靜態圖像的地方不再是public目錄。