JQuery + opacity + ie8 + png24

Question

What do you think about IE? Yes, it's a very cool browser. There is PNG24 with a transparent area. I have applied the jquery opacity to it like:

$(".selector").css("opacity", 0.4);

and got the following problem:

IE8 bug

How can I fix it?

PNG8 is not supposed to have this issue. Convert your PNG24 to PNG8 if possible, then let jQuery handle the cross-browser opacity issues as it should. — Sparky, Jun 22 '11 at 16:56

score 0 · Answer 1 · edited May 23 '17 at 12:08

0

You Can use this Same PNG Method Here for IE Check This Link For the Solution

Use -ms-filter for IE8

-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/banner01.png,
 sizingMethod=crop)";

edited May 23 '17 at 12:08

Community

1
1

answered Sep 27 '11 at 06:11

Sanooj

2,637
15
20

score -1 · Answer 2 · answered Jun 22 '11 at 16:49

-1

try to use this

.selector
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /* IE7 */

}

answered Jun 22 '11 at 16:49

genesis

50,477
20
96
125

I thought jQuery's opacity was supposed to automatically handle any cross-browser issues. – Sparky Jun 22 '11 at 16:52

score -1 · Answer 3 · answered Sep 27 '11 at 06:20

-1

all you need is this : DD_belatedPNG

answered Sep 27 '11 at 06:20

Ya Zhuang

4,652
31
40

JQuery + opacity + ie8 + png24

3 Answers3