PNG images using opacity in IE black edge situation

jquery animation fade effect, used in PNG24 picture, in IE7, IE8 will appear black border.

Some people find it strange, why, Pam? E6 Normal, but in IE7, 8 but there are black side.

The problem is in the Filter property. The way IE6 refers to PNG24 pictures is:

Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src= ' img24.png ');

My method:

. Img{opacity:0;background:url (.. /images/img1.png) No-repeat;filter:progid:dximagetransform.microsoft.alpha (opacity=0);}

. Img:hover{filter:progid:dximagetransform.microsoft.alphaimageloader (src= ' images/img2.png '); opacity:1;}

PNG images using opacity in IE black edge situation