Code _ javascript skills

Normally, images in Gif format are often used to make the images transparent in the browser to support background color. However, due to the reason of IE browser, we cannot make transparent PNG images transparent. So how can we make it transparent in IE browser? First, let's look at our tag code:

We will use the special effects in IE to meet this requirement, which is AlphaImageLoader Filter (http://msdn.microsoft.com/library/default.asp? Url =/workshop/author/filter/reference/filters/alphaimageloader. asp)

How to do it?
Save the following code as correctPNG. js:

The Code is as follows:

Function correctPNG ()
{
For (var I = 0; I {
Var img = document. images [I]
Var imgName = img. src. toUpperCase ()
If (imgName. substring (imgName. length-3, imgName. length) = "PNG ")
{
Var imgID = (img. id )? "Id = '" + img. id + "'":""
Var imgClass = (img. className )? "Class = '" + img. className + "'":""
Var imgTitle = (img. title )? "Title = '" + img. title + "'": "title = '" + img. alt + "'"
Var imgStyle = "display: inline-block;" + img.style.css Text
If (img. align = "left") imgStyle = "float: left;" + imgStyle
If (img. align = "right") imgStyle = "float: right;" + imgStyle
If (img. parentElement. href) imgStyle = "cursor: hand;" + imgStyle
Var strNewHTML = "+" style = \ "" + "width:" + img. width + "px; margin: 6px; height:" + img. height + "px;" + imgStyle + ";"
+ "Filter: progid: DXImageTransform. Microsoft. AlphaImageLoader"
+ "(Src = \ '" + img. src + "\', sizingMethod = 'Scale'); \">"
Img. outerHTML = strNewHTML
I = I-1
}
}
}
Window. attachEvent ("onload", correctPNG );

And then in....Add a zone: