在Rails應用程序中呈現圖像hero-unit

我是Rails的新手，並嘗試將圖像顯示爲帶有像CSS一樣的sass的jumbotron背景，並且我不確定它爲什麼不起作用。在Rails應用程序中呈現圖像hero-unit

home.html.erb

<div class="center jumbotron"> 
    <div class="container"> 
    <div class="centerfy"> 
     <h1>AccessOBD</h1> 
     <h2>Do Cars Smarter.</h2> 

     <%= link_to "Sign up now!", signup_path, class: "btn btn-lg btn-primary" %> 
    </div> 
    </div> 
</div>

static_pages.scss

.jumbotron { 
    margin-bottom: 100px; 
    height: 400px; 
    font-size: 60px; 
    background-image: url(app/assets/images/car.jpg); 
}

有明顯的資產管道的圖像，但不能顯示圖像的。我如何得到這個權利？

來源

2015-02-12 Virge Assault

所以你的問題可能是，當使用資產管道Rails將您的文件移動到公共/資產和重命名它隨機產生的東西像car-fe48a0ccb8.jpg。要解決這個問題，最簡單的方法是使用的青菜護欄方法，如資產網址助手之一：

background-image: asset-url("car.jpg");

或圖像的URL幫手：

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

來源：https://github.com/rails/sass-rails

來源

2015-02-12 04:52:47 trosborn

我試着將CSS改爲'background-image：image-url（car.jpg）;'但是我得到一個錯誤。這是你的意思嗎？ – 2015-02-12 05:09:05

對不起......應該是資產url，而不是image-url – trosborn 2015-02-12 05:10:09

'background-image：asset-url（car.jpg）;'給我同樣的錯誤'......之後無效的CSS：asset-url（汽車「：預計」）「，是」.jpg）;「' – 2015-02-12 05:11:20

在Rails應用程序中呈現圖像hero-unit

回答

相關問題