Adding a background image in Ruby on Rails 2 in CSS

ruby-on-rails css background-image
Dan picture Dan · Jan 26, 2012 · Viewed 65.3k times · Source

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

Answer

Dylan Markow picture Dylan Markow · Jan 26, 2012

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");

Related questions

Rails: How to set a background image in rails from css?

I am using rails 3.2 and i have to set a background for one of the page and i have tried many ways and nothing went right, so looking for some good help. I have tried background: url(<%= asset_path …

Read More
Rails 4 - Background Image Appears in Localhost but not in production

I recently rewrote one of my Rails 3.2.13 applications to use Rails 4. I used twitter-bootstrap-rails 2.1.2 in my Rails 3 application. When I rewrote the Rails 4 version it started using version 2.2.8. I'm using Phusion Passenger 4.0.20 on my development and production servers to host …

Read More
Add a CSS class to <%= f.submit %>

My question is easy: <%= f.submit %> Where does the class declaration go? I'm getting errors on multiple attempts.

Read More