开发者

Multiple images on a background

开发者 https://www.devze.com 2023-01-13 21:01 出处：网络

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

相关专题：css

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