在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

回答

相关问题