来自资产管道的图像未显示

时间:2015-11-10 02:29:09

标签: ruby-on-rails twitter-bootstrap

我需要将资产管道中的照片插入到我的rails项目中。我正在使用bootstrap(http://startbootstrap.com/template-overviews/clean-blog/

中的模板

照片没有显示出来。这是我的代码:

<!-- Set your background image for this header on the line below. -->
<header class="intro-header" style="background-image: image_url('home-bg.jpg')">

我查看了这里:Rails 4 image-path, image-url and asset-url no longer work in SCSS files我在页面上尝试了每个组合,但它仍然无法正常工作。当我这样做时:

  http://localhost:3000/assets/home-bg.jpg

然后照片会在我的浏览器中显示。我觉得这可能是我用模板导入的css样式表中的一个问题,但我根本不知道任何css,所以不知道从哪里开始。有什么想法吗?

2 个答案:

答案 0 :(得分:2)

您的ruby代码未进行插值(解释)。您必须使用“erb标签”。试试这个:

<header class="intro-header" style="background-image: <%= image_url('home-bg.jpg') %>">

答案 1 :(得分:0)

您可能需要尝试asset_pathasset_url

<header class="intro-header" style="background-image: url(<%= asset_path 'home-bg.jpg' %>)">