CODEWITHSUNDEEP
cssinternet-explorercross-browser
Jeremi Liwanag
Jeremi Liwanag

Reputation: 964

Double background images not working in IE

here is my CSS code, please check it out.

body, html {
margin: 0;
padding: 0;
background-image: url(../images/header-back.jpg), url(../images/bg.jpg);
background-repeat: repeat-x, repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

It is not working in IE8 or below. Help?

-- from the answers below. I tried to use CSS PIE

body, html {
margin: 0;
padding: 0;
-pie-background: url(../images/header-back.jpg) repeat-x, url(../images/bg.jpg)      repeat;
behavior: url(piefolder/PIE.htc);
font-family: Verdana, Arial, Helvetica, sans-serif;

}

but still no luck,

I also tried using 

body, html {
margin: 0;
padding: 0;
background: url(../images/header-back.jpg) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

body:before {
content:"";
background:url(../images/bg.jpg) repeat;    
}

Doesn't work too, am i doing something wrong?

Upvotes: 1

Views: 893

Answers (1)

Harshit Tailor
Harshit Tailor

Reputation: 3281

Internet Explorer 8 doesn't support CSS 3 multiple backgrounds.

Check this link :-

http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/

Upvotes: 2

Related Questions