I am trying to create a page with multiple background images, using this CSS code:
body {
background-image:url(../i/bg_bf.jpg), url(../../../../test.png) ;
background-position: top center, bottom left;
background-repeat:no-repeat;
padding-top:3px;
}
It works fine with Firefox, but does not show neither images in IE.
Any advice?
Multiple backgrounds/images aren't supported by IE, at least before IE9, they're a CSS3 feature, you can find them in the spec here with specifics here.
you might need to use wrappers
<body>
<div id="windowWrapper">
CSS:
body {
background-image:url(../i/bg_bf.jpg) no-repeat top center;
padding-top:3px;
}
#windowWrapper {
background-image:url(../i/test.jpg) no-repeat top center;
}