Full screen background problem in IE8

[Joejacks]

Hi

I am using the following CSS to provide a full screen background image but in IE8 the background is not scaling to cover the full background, in Firefox and Chrome it is working fine.

#background {
position: fixed;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
top: 0px;
left: 0px;
z-index: -100;
background: url(‘../images/bbg.jpg’) no-repeat fixed center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/bbg.jpg’,sizingMethod=’scale’);
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/bbg.jpg,sizingMethod=scale)”;
}

And just after the opening body tag I am calling the background div

Any ideas on what is incorrect that is causing this in IE8 and how to get around this please

[Paulie_D]

https://css-tricks.com/perfect-full-page-background-image/

[Joejacks]

Thanks but I thought that adding a

`

#138328

Paulie_D

Member

Have you looked at the comments under CSS Technique #2.

Frankly, I’d look to be dropping ‘special effects’ for anything under IE9

#138421

Joejacks

Participant

Thanks with option 2 as you mentioned how could I implement this just for IE8 and below and leave the existing code as is which is working for the other main browsers.

[Paulie_D]

Have you looked at the comments under CSS Technique #2.

Frankly, I’d look to be dropping ‘special effects’ for anything under IE9

[Joejacks]

Thanks with option 2 as you mentioned how could I implement this just for IE8 and below and leave the existing code as is which is working for the other main browsers.

[Author]

Posts