Background-size issues in IE8

[Steven]

Hello,

I went through each trick in the post on Background-sizes, but I couldn’t get any of the ones that are said to work for IE8 to actually work. I was using the same coding, and was checking it on an actual IE8 browser, not the IE8 view inside IE10

Have these tricks changed recently?

[unasAquila]

have you tried [AlphaImageLoader Filter](http://msdn.microsoft.com/en-us/library/ms532969%28v=vs.85%29.aspx) ?

[Steven]

Should have clarified a little bit.

First off, no, I didn’t try that.

So I tried the “CSS-Only Technique #2” from the [post](https://css-tricks.com/perfect-full-page-background-image/ “post”). I put the AlphaImageLoader inside the image tag, like-a-so:

I get a scalable background that centers, which is nice. But I can’t get anything to display on top of it. Also, in IE8 it has some weird gray border around it, which doesn’t go away even if I tell it to in the CSS.

(PS — Thanks for the help!)

(PPS — I did come across this at codepen, I might try just incorporating this if I can’t figure out the background-size issue. http://codepen.io/dropside/pen/bxhke)

[unasAquila]

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=’images/page-bg.jpg’, sizingMethod=’scale’);
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader( src=’images/page-bg.jpg’, sizingMethod=’scale’)”;

try this in the css

[Steven]

Okay, I managed to get the navbar to show up now.

I added what you just gave me to the css, and also gave the navbar a relative position and gave it a z-index of 1. It still doesn’t work in IE8, though. I noticed at w3schools that in order for it to work in IE8 it needs a “!DOCTYPE”… however, I’m already using .

[unasAquila]

My Bad linking same post you found lmao sorry!

[Author]

Posts