CODEWITHSUNDEEP
css
Vini
Vini

Reputation: 8419

CSS Properties for Background Image do not work on FireFox

I have a webpage where I want to show the background image @ the bottom right corner of the page. For this I have the following code:

body
{
    background-image:url('img_tree.png');
    background-repeat:no-repeat;
    background-position:bottom right;
}

This code works fine in IE. But in FireFox, the image is shown at the 'top' right.

Please suggest.

Regards - Ashish

Upvotes: 1

Views: 1245

Answers (2)

jzp74
jzp74

Reputation: 637

I usually just use

background: url(img_tree.png) right bottom no-repeat;

This works fine in IE and firefox

Upvotes: 0

meder omuraliev
meder omuraliev

Reputation: 186562

html, body { height:100%; }

body {
    background:url(img_tree.png) no-repeat bottom right;
}

I think it's just that your page isnt taking up the full viewport height, which the 100% height on body/html does.

Upvotes: 3

Related Questions