IE에서 PNG에 opacity사용시 검은배경 막기

IE8에서 png 이미지에 opacity 애니메이션을 주면 투명부분이 작업자의 마음처럼 새까맣게 태워져 보인다. 사실 IE하위 버전을 고려해야된다면 png에는 opacity를 안주는게 가장 베스트하다.

아래 방법은 구글링을 통해서 찾았지만, 모든 환경에서 적용되는지는 잘 모르겠다.

.mainVisualDiv .visualDiv img{

    zoom:1; 

    background:transparent;

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

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

}