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

css ruby-on-rails ruby-on-rails-3 ruby-on-rails-3.2 background-image
logesh picture logesh · Aug 7, 2013 · Viewed 70.2k times · Source

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 'background.jpg' %>)

background: url("public/background.jpg");

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

and nothing worked. Please help me.

Answer

Rajarshi Das picture Rajarshi Das · Aug 7, 2013

In your CSS:

background-image: url(background.jpg);

or

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

In environments/production.rb:

# Disable Rails's static asset server (Apache or nginx will already do this)  
config.serve_static_assets = false

# Compress JavaScripts and CSS  
config.assets.compress = true

# Don't fallback to assets pipeline if a precompiled asset is missed  
config.assets.compile = false

# Generate digests for assets URLs  
config.assets.digest = true

Related questions

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
CSS is not loading in app

CSS won't load in my rails app. This is index.html.erb file located in view/products: <h1>Listing products</h1> <table> <% @products.each do |product| %> <tr class="<%= cycle('list_…

Read More
How do I use reference images in Sass when using Rails 3.1?

I have a Rails 3.1 project with the asset pipeline working great. The problem is that I need to reference images in my Sass, but Rails calculates image URLs. (This is particularly important in production, where Rails appends the Git hash …

Read More