Adding a background image in Ruby on Rails 2 in CSS

坚强是说给别人听的谎言 提交于 2019-12-17 17:36:11

问题


I generated a scaffold in ruby and I want to insert a background image to every page on the site but Im not sure what the link to the image should be.

my image is in app/assets/images/"dep.jpg"

this is what i have but it isnt working:

background-image:url('../images/dep.jpg');
}

Any help? thanks


回答1:


The webserver in rails takes public folder as the base of the application. Hence its looking for the specific image under /public/images/ instead of app/assets/images/"dep.jpg" & since its not there over there you cannot get the image. Try to put your image in /public/images/ folder then it would work.

Edit: If you are using rails 3.1 then this would be different as Rails 3.1 uses the concept of asset pipeline for the assets of your application so then then path app/assets/images/dep.jpg would obviously work.




回答2:


In Rails 3.1, the path will actually be `/assets/dep.jpg':

background-image: url(/assets/dep.jpg);

If you convert your scaffold.css file to a Sass file (rename to scaffold.css.scss) then you can use the helper:

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



回答3:


If your image is in app/assets/images/dep.jpg, then in the css file in rails you should write background: url('/assets/dep.jpg');

You don't have to put the image in the public folder this way.




回答4:


background: url('/assets/image_name.jpg');

This worked for me in Rails 4.0




回答5:


You can use absolute path for sure:

background-image:url('/images/dep.jpg');



回答6:


If you are using a modern version of rails (3.1 or later I believe), you can use:

background: url('../dep.jpg');

Since the css also lives in your assets folder .. automatically refers to the assets folder.



来源:https://stackoverflow.com/questions/9024252/adding-a-background-image-in-ruby-on-rails-2-in-css

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!