实现png图片和png背景透明的代码(支持多浏览器).doc

实现png图片和png背景透明的代码(支持多浏览器).txt熬夜，是因为没有勇气结束这一天；赖床，是因为没有勇气开始这一天。朋友，就是将你看透了还能喜欢你的人。 Firefox和Opera对PNG的支持非常的好，都是IE却无视PNG图片这一特性的“存在”，虽然IE7已经支持都是IE6还是不行。虽然有让IE6支持PNG透明背景的JS程序，都是不是很方便，还是用CSS来实现的好。使用到的就是：IE5.5+的AlphaImageLoader滤镜。1.png背景透明解决办法：#div1 height: 600px; width: 260px; padding: 20px; background-repeat: repeat; htmlbody #div1 background-repeat: repeat;background-image: url(bj1.png);* #div1 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=bj1.png) copyright附加：IE才识别的通配符（*），来定义IE浏览器中的滤镜 Firefox、Opera等完全支持PNG透明图片的浏览器也支持子选择器（） 语法：filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) 属性：enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。 false : 滤镜被禁止。 52sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop : 剪切图片以适应对象尺寸。 image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 scale : 缩放图片以适应对象的尺寸边界。 src : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数，滤镜将不会作用。 copyright 52 2.png图片透明如果在网页中直接插入png图片想使其透明只需加入以下js代码，整个页面内的所有直接插入的png图片都可以实现透明：function correctPNG() / correctly handle PNG transparency in Win IE 5.5 & 6. var arVersion = navigator.appVersion.split(MSIE) var version = parseFloat(arVersion1) if (version = 5.5) & (document.body.filters) for(var j=0; jdocument.images.length; j+) var img = document.imagesj 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; + img