CODEWITHSUNDEEP
htmlcssinternet-explorer
user782104
user782104

Reputation: 13545

Why background-image doesn't work in IE9?

This is the website:

http://loveloverun.com/test/love_run/

I checked and it works properly in chrome and firefox. The problem is that in IE9 the background image only works on the body level.

Here is my css:

body {
    font-family : Open Sans;
    min-height: 0px;
    background: url("../img/front/bg.png") repeat;
    height:auto;
}

And the other div e.g. container

.container {
    width: 1022px !important; /*1302px*/
    background-color:#ffffff;
    background-clip:content-box;
}

and one more example (footer): 

#enquiry {
    color:#ffffff;
    background: url("../img/front/black.png") repeat; 
}

I checked the doc type and it's not missing any tag.

And also some other places are different from the chrome / firefox one, so I wonder:

1) Are there any plugin to enhance the compatibility? I tried modernizer, but it seems to have no effect.

2) How can background problem be solved for IE9?

Update:

body {
    font-family : Open Sans;
    min-height: 0px;
    background-image: url("../img/front/bg.png");
    background-repeat: repeat;
    height:auto;
}

still the same result

Update 2:

Screen cap in ie9

enter image description here

Upvotes: 0

Views: 1177

Answers (1)

Mohamed Islam
Mohamed Islam

Reputation: 752

Use 

background-image: url(/image.whatever);

instead of the

background: url (); code

Upvotes: 1

Related Questions