IE8 ignores CSS styling

Question

I came across this solution about the background-size property. The problem is that every styling below this code stops working. It is just like IE ignores it.

enter image description here

#div {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/img.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/img.jpg',
sizingMethod='scale')"; 
}

@TylerH `-ms-filter` requires quotes. – Niet the Dark Absol May 01 '14 at 13:48 — Niet the Dark Absol, May 01 '14 at 13:48

score 1 · Accepted Answer · answered May 01 '14 at 13:50

1

I'm going to hazard a guess that it doesn't like your filter parameters being on more than one line.

The reason for this is because it may not be interpreting the } correctly, thus causing the rest of the stylesheet to fail.

Try putting the entire filter string on a single line, and make sure that the } is on the line after it.

answered May 01 '14 at 13:50

Niet the Dark Absol

320,036
81
464
592

1

Well what do you know, another point for the "successful shots in the dark" ;) – Niet the Dark Absol May 01 '14 at 13:58

score 0 · Answer 2 · answered May 01 '14 at 13:52

0

#div {
background: transparent;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=ie8-logo.png,sizingMethod='scale');

}

Please try like this "background: transparent"

answered May 01 '14 at 13:52

Gaurav Gagan

59
1
1
10

score -1 · Answer 3 · edited May 01 '14 at 14:08

-1

/* This works in IE 8 & 9 too */
filter: alpha(opacity=50);

edited May 01 '14 at 14:08

samayo

16,163
12
91
106

answered May 01 '14 at 13:49

Gaurav Gagan

59
1
1
10

-stares blankly- How does changing the alpha opacity... emulate `background-size`? – Niet the Dark Absol May 01 '14 at 13:49

IE8 ignores CSS styling

3 Answers3