Rails 4,设置CSS背景图像

时间:2016-09-27 11:33:00

标签: jquery html css ruby-on-rails

我想通过CSS @Autowired private Environment env; env.getProperty("testing"); env.getProperty("foo.bar"); //OR @Value(${"foo.bar"}) private String valueFromFooBar 属性设置背景图片。但它不起作用。没什么特别的。我做了:

background: url()

那就是它。我有这个div:

-rails new myApp
-rails g controller Welcome index.

它的CSS是:

<div class="image">

我的assets / images文件夹中有image.jgp。我可以做.image{ background: url('image.jgp'); } 并且它有效。但CSS部分不起作用。 怎么可以解决这个问题?

4 个答案:

答案 0 :(得分:0)

您尚未正确提供图像的路径。

.image{ background: url(../assets/image.jgp); }

答案 1 :(得分:0)

你的图像扩展错误&#34; jgp&#34; ..尝试用&#34; jpg&#34;重命名它。

答案 2 :(得分:0)

您可以这样做,将扩展名* .erb添加到您的css / scss文件中(例如 session.scss.erb

您能够编写此代码后

.image {    
background-image: url(<%= asset_path('image.jpg') %>);
}

答案 3 :(得分:0)

您需要添加指向资产文件夹的图像的路径,如此

.image{ background: url(assets/image.jgp); }