CODEWITHSUNDEEP
css
user437221
user437221

Reputation: 21

Multiple images on a background

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?

Upvotes: 2

Views: 215

Answers (2)

pleasedontbelong
pleasedontbelong

Reputation: 20102

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;
}

Upvotes: 0

Nick Craver
Nick Craver

Reputation: 630379

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.

Upvotes: 4

Related Questions