/* Correctly handle PNG transparency in Win IE 5.5 & 6. http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006. Use in with DEFER keyword wrapped in conditional comments: add fixPNGs() call to your document's body onload attribute WARNINGS!! Problem: Containers with PNGs as backgrounds that "stretch" (repeat-x,y) that also have a padding style will not scale properly. The filter will stretch the image into the padding area in error Solution: Try to pad the parent or use margin instead. Problem: Containers with PNGs that have a background-position other than "top left" or "left top" will not be converted to the filter method as we cannot position the filter image properly. Solution: Do not enter a position of "top left" as this is the defualt. There is no workaround for other positionings. Problem: Filter honors CSS heights moreso than HTML. If an element is defined as 10px, but in use something within it makes it 15px, the filter will render it as 10px. Solution: This is more a problem of a style not matching implementation. */ function fixPNGs(){ var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) && (document.body.filters)) { //replaces images with spans for(var i=0; i" img.outerHTML = strNewHTML i = i-1 } } //search for all containers (div,span,td, etc) with a PNG backgroundImage var list = searchForBGs([], document.body); for(var i=0; i -1){ fixStyle(sheet[y].style); } } } } } /*================================================================== Recurse to find all elements that have a style with a PNG backgroundImage ====================================================================*/ function searchForBGs(list, node){ if(node.style && node.style.backgroundImage && node.style.backgroundImage.toLowerCase().indexOf(".png") > -1){ list[list.length] = node; } for(var i=0; i -1){ background = background.substring(background.indexOf("url(")+4, background.indexOf(")")); } background.replace("'",""); background.replace("\"",""); var repeat = style.backgroundRepeat; var sizingMethod = (repeat && repeat.toLowerCase() != "no-repeat")? "scale":"image"; style.backgroundImage = ""; style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'" + background + "\', sizingMethod='"+sizingMethod+"')"; }