CODEWITHSUNDEEP
htmlcssimagebackground-image
sharkyenergy
sharkyenergy

Reputation: 4173

Background CSS not showing up in IE9

I tried these codes and for some reason the background is not showing up in IE9. Compatibility mode is off, it's running in IE9 mode. It works fine in IE 10, Chrome, and Firefox.

body {
  background : url('/img/fade.png') repeat-x,
  url('/img/fadeh.png') repeat-y,
  url('/img/bg.png') repeat,
  ;
}

Second try:

body {
  /*background-image: url(img/fade.png), url(img/fadeh.png), url(img/bg.png);
  background-repeat: repeat-x, repeat-y, repeat;*/
}

Any help appreciated!

Thanks

Upvotes: 0

Views: 515

Answers (2)

Idrizi.A
Idrizi.A

Reputation: 12010

It is because you have add , on the last background url.

Replace with this

body{
   background:url('/img/fade.png') repeat-x,
   url('/img/fadeh.png') repeat-y,
   url('/img/bg.png') repeat;
}

Example jsFiddle DEMO: http://jsfiddle.net/enve/5p4GS/

Upvotes: 0

user1622998
user1622998

Reputation:

try

<!DOCTYPE html>

ie9 breaks without a doctype with multiple background images

edit:

also try in your css

body {
    height:100%;
}

Upvotes: 2

Related Questions