Making image on top of main content

[jmeyer0911]

Hello…I’m trying to have an image that I have to be fixed at the bottom of the web browser.
I also want it to be where it can be on top of the web page.
It’s a small .png picture.
Here is what I have in the CSS3

body

{

background-image: url('Images/backgroundTest.png'); <---This is the image that I want to sit on top of content

background-repeat: no-repeat;

background-color: #555552;

color: #222;

}

Basically, he image is to stay fixed, so even when you scroll, it stays put, always seen, but I want the image to sit on top of my page.
I hope I’m explaining this correctly.
Thanks

[TheDoc]

You shouldn’t put it on your body, if that’s the case.

What I would do is:

http://jsfiddle.net/wuk5r/

[SycoLV]

I hope I understand your problem, try this:

body {

background:##555552 url('Images/backgroundTest.png') fixed bottom no-repeat;

color:#222;

}

[jmeyer0911]

Thanks…that worked

[Author]

Posts