full background image in IE 8 with background-attachment :scroll

[srv5706]

http://jsbin.com/gihuceruqi/1/edit?css,output

I am trying to have a full background image website using code

 html{
   
    margin:0;
}
body {
  margin:0;
   
    /*min-height: 100%;*/
    background-image:url("http://cdn2.collective-evolution.com/assets/uploads/2013/11/lobster.jpeg");
    /*background-position: 0 0 ;*/
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

1)But above code is not working in IE8 even if I am using filter its not covering full page.

2)And this code also not working if we give height =100% on body, as I need height =100% on body for responsive design in IE any version.

Please someone help me on it.

[Shikkediel]

I think you wanna go for a polyfill when it comes to the first issue – the special IE filters seem to mysteriously not work anymore.

https://github.com/louisremi/background-size-polyfill

Don’t quite comprehend what the second problem describes exactly.
None of the prefixes are needed anymore by the way.

[srv5706]

Second questions belongs to IE browsers where height in % doesnt support if there is no % heights available on parents element.

So if we apply height% on body here it wont be supporting bg-size: cover;, but we need height as 100% so that its child support height in %.

Please let me know if you got the issue or not. Thank you for your first answer.

[srv5706]

please someone help !!!

[Author]

Posts