Transparent PNG animate problem on Internet Explorer

Question

CSS Code:

#btn{
  background: url(transparent.png) no-repeat;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
         


        

Answer 1

Use PNG image for modern Browsers ( mozilla , Opera, Chrome etc ) :

background:url(../images/banner01.png) no-repeat right 13px;

Add this For IE ( Use another CSS Or use IE hack )

/* ie fix */
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/banner01.png",
 sizingMethod="crop");