WEB标准技术学习-IE中32位色PNG透明背景图片透明处理

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

function fixPNG(myImage)
{
   if ((version >= 5.5) && (version < 7) && (document.body.filters))
   {
      var imgID = (myImage.id) ? "id=''''" + myImage.id + "'''' " : ""
     var imgClass = (myImage.className) ? "class=''''" + myImage.className + "'''' " : ""
     var imgTitle = (myImage.title) ?
                 "title=''''" + myImage.title  + "'''' " : "title=''''" + myImage.alt + "'''' "
     var imgStyle = "display:inline-block;" + myImage.style.cssText
     var strNewHTML = "<span " + imgID + imgClass + imgTitle
                 + " style=\"" + "width:" + myImage.width
                 + "px; height:" + myImage.height
                 + "px;" + imgStyle + ";"
                 + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                 + "(src=\''''" + myImage.src + "\'''', sizingMethod=''''scale'''');\"></span>"
     myImage.outerHTML = strNewHTML    
   }
}

.trans_box2 {
 font-family:verdana;
 font-weight:bold;
 padding:40px;
 margin:30px;
 border:solid 1px #555;
 /* Mozilla ignores crazy MS image filters, so it will skip the following */
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=''''/csssite/uploadfile/200806/15/F10642856.png'''');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_box2[class] {
 background-image:url(/csssite/uploadfile/200806/15/F10642856.png);
}

<div style="float:left;background-image:url(flowers.jpg);border:solid 1px #000;padding:10px;">
<div class="trans_box1" style="float:left;">
I like flowers.
</div>
<div class="trans_box1" style="float:left;">
They smell nice.
</div>
<div class="trans_box2" style="float:left;">
<a href="When'''' target=_blank>http://www.divhome.com/#.google.com/search?q=flowers+bees+honey">When combined with bees, they make honey...</a>
</div>