[CSS] jQuery png fadeOut() hide() animate 검은색 문제 해결 방법

jQuery를 사용하여 png파일의 이미지를 fadeOut()이나 hide(1000)등 animate효과를 줄 경우

IE6의 전형적인 png버그 외에 IE7, 8에서도 png배경색이 검은색으로 바뀌는 현상이 발생함

이러한 경우 해결 방법!!

[css로 해결방법]

img {

background:transparent;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

/* IE8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

/* IE6 & 7 */
zoom:1; 

}

 

※ Colorstr 코드는 8자리임