png图片带阴影解决方法补全.docVIP

png图片带阴影解决方法补全 把下面的代码放在head区就可以解决问题了。 以下是引用的内容： script language=javascript function correctPNG() { for(var i=0; idocument.images.length; 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.cssText 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 = span + imgID + imgClass + imgTitle + style=\ + width: + img.width + px; height: + img.height + px; + imgStyle + ; + filter:progid:DXImageTransform.Microsoft.AlphaImageLoader + (src=\ + img.src + \, sizingMethod=scale);\/span img.outerHTML = strNewHTML i = i-1 } //LIEHUO.NET } } window.attachEvent(onload, correctPNG); /script 也可以把这段代码单独加在一张图片上： 以下是引用的内容： span style=filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=male.png,sizingMethod=scale);/span 1.下载iepngfix.zip，其中有三个文件：iepngfix.htc、iepngfix_tilebg.js、blank.gif，将这几个文件解压出来放到所需要使用png做为CSS背景的网站的根目录下。 2.假定一个div需使用png作为背景，标准的做法是： #mydiv { background:url(../img/main.png) no-repeat; width:739px; height:366px; top:12%; left:20%; position:absolute; } 此时该背景能在FF和IE7下正常显示，但是在IE6下会有恐怖的“灰边”。需要使用滤镜来解决。具体做法是使用上面提到的htc文件，在CSS样式的最后定义一个behaviro属性。新的的样式定义为： #login_main { background:url(../img/main.png) no-repeat; width:739px; height:366px; top:12%; left:20%; position:absolute; behavior: url(iepngfix.htc); } 此时要注意url内的路径是相对于index.htm来说的，而不是相对于定义其样式的css文件。 3.在index.htm文件中需要引入上文中提到的第二个javascript文件，使用 script language=javascript src=iepngfix_tilebg.js/script 插入到head/head中 此时大功告成，使用IE6浏览index.htm文件看看效果，得意的笑吧。顺便提醒一句，对于普通IE6升级成IE7的XP用户，这两种 浏览器是无法在同一个操作