Background image not showing up in IE 9 beta, Google Chrome 8.0.552.224

Hi everyone!!

I have seen many people posted for the same problem like me earlier. Tried couple of them but none worked for me...Background image not showing up in IE 9 beta, Google Chrome 8.0.552.224

Here is the CSS code:

body{
padding:0px;
margin:0px;
background-color:#162d70;
background-image:url(../images/background.jpg);
background-repeat:no-repeat;
background-position:right bottom;

Hope someone can help me out..

P.S:I already validated the CSS..and it's +ve

 

Hey,

I copied your code and tried in Google Chrome 8.0.552.224 and it works fine. I think it could be path problem nothing else. Otherwise code is perfect. I couldn't check with IE9 coz i dont have it in my laptop. SO I am damn sure its problem with path.

 

width and height missing...

I would not recommend to put an image as background into the body.

 

Thanks for replying mate..

Tried with
width:100%;
height:auto;

but still no results...

 

Thanks for the quick reply buddy....

the image (background.jpg) is in the "images" folder. And I haven't created any folder for images in the root directory. I have also tried calling it from root directory... but no results...maybe I am being stupid and missing out something...any idea???

 

Do you have a css folder? Where is the CSS file located? If it's in root try background-image:url(./images/background.jpg);

 

yup...gotta css folder "style"...the css file located in (../style/style.css)

tried with background-image:url(./images/background.jpg);

also tried with single and double quote for the path...but nothings working

 

file structure:

root folder>
flash
images>background.jpg
js
style>style.css
(rest .html files are in the root folder itself.....)

P.S: background.jpg is in RGB mode

 

Is that stuff online? Give us the link then.

 

Just Try:

Remove Background-Color, If You Are using Background-Image
Remove This => background-color:#162d70;

Or If U Want Both!
Try:
background: #162d70 url(../images/background.jpg) no-repeat right bottom;

Just Try It And Response.
If It'll Work, I'll Be Happy Else Sad

 

Sameer...tried it....but both IE9 and chrome betrayed...background didn't show up...they made you sad..as well as me...sniff..sniff

 

Here is the link: webaholic.co.in

 

Then Try:
background:#162d70 url(background.jpg) no-repeat 100% 100%;

First 100% is For X-Axis
Second 100% is For Y-Axis

I Hope It'll Give Me And U Smile

 

I guess it should be background:#162d70 url(../images/background.jpg) no-repeat 100% 100%;
anyways tried with both... also added a space background: #162d70

But nothings seems to be +ve today...I we are very close to the solution..missing out something

 

In some cases the background image shows up if I try with

background-repeat:repeat;
Or
background-repeat:repeat-y;
Or
background:#162d70 url(../images/background.jpg) repeat 100% 100%;

But in all these cases the background image position is disturbed..

 

I had the same problem and could not figure it out, finally I ran the Developer tools in IE and found that my settings for IE were set to run all Intranet Sites in Compatibility View, once I removed that check mark, IE refreshed and voila. I know its late, but maybe this will help somebody.