Link to home
Start Free TrialLog in
Avatar of Zack
ZackFlag for Canada

asked on

IE9 multiple backgrounds in css

Hi All,

  I haven't run into this problem before but for some reason the multiple backgrounds aren't working in my IE9 this time.  Everything looks perfect in Firefox (as usual)... Help! Thanks!!

   Here is the code that works fine in FF
body {
background-image: url('/n/images/BG.png'), url('/n/images/BGblack.png');
background-position: left top, right top;
background-repeat: no-repeat, repeat-x;
}

Open in new window


   I read and thought this should work in IE9 but it doesn't.
body {
background:url('/n/images/BG.png') left top no-repeat fixed;
background:url('/n/images/BGblack.png') right top repeat-x fixed;
}

Open in new window


Thanks again!
Zack
ASKER CERTIFIED SOLUTION
Avatar of Gary
Gary
Flag of Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Zack

ASKER

Hi - I changed the way it was being written to this.  I appreciate your help tho!

body {
background-image:url('/n/images/BG.png');
background-position:left top;
background-repeat:no-repeat;
background-color:#000000;
height: 100%;
width: 100%;
}

Open in new window