rails css setting background image

Question

main.css

body{
    width:100%;
    height:100%;
    overflow:hidden;
    background:url('/assets/background-calculations.png');
}
body #content{
    z-index:5;
    background:url('/assets/handwritten-text.png');
//  background:white;
    width:100%;
    height:100px;
}
body #footer,#header{
    height:100px;
    width:100%;
    margin:0 auto;
}

index.html.erb is blank

doubt

when i uncomment background:white; in content css its working but when i set the background url its not working , but the same url does not work if i set it for the content div , please help

Can you provide the full link to the background image? I cannot check your CSS without it :) — s0d4pop
– s0d4pop, Commented Aug 13, 2012 at 3:50
currently talking about development environment, the thing is that when i use the background image for body , its working but for other divs its not working — Abhimanyu
– Abhimanyu, Commented Aug 13, 2012 at 3:56
for instance body{ background:url('/assets/handwritten-text.png'); } is working but the above is not — Abhimanyu
– Abhimanyu, Commented Aug 13, 2012 at 4:01

Mark · Accepted Answer · 2012-08-13 07:19:49Z

2

if you work in a ruby-on-rails, you have a assets > images. put images in there.

In your stylesheets folder (assets > stylesheets) you have to point to the image, not the folder and image:

body{
    width:100%;
    height:100%;
    overflow:hidden;
    background:url(background-calculations.png);
}
body #content{
    z-index:5;
    background:url(handwritten-text.png);
    width:100%;
    height:100px;
}

Ruby-on-rails knows where your images are

answered Aug 13, 2012 at 7:19

Mark

6,8731 gold badge35 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alfred · Accepted Answer · 2012-08-13 07:01:08Z

1

Try something like;

body #content{
    z-index:5;
    background-image:url('/assets/handwritten-text.png');
    background-color:white;
    width:100%;
    height:100px;
}

Here is a working live demo.

answered Aug 13, 2012 at 7:01

Alfred

21.5k64 gold badges175 silver badges258 bronze badges

1 Comment

Alfred Over a year ago

can't you see the blue background image in my fiddle?

Collectives™ on Stack Overflow

rails css setting background image

main.css

index.html.erb is blank

doubt

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

main.css

index.html.erb is blank

doubt

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related