IE6下PNG透明题目不透明的官方修复要领
发布时间:2018-10-05 04:57:17 所属栏目:运营 来源:站长网
导读:做Web前端开拓的童鞋们必然都知道PNG是一个相等不错的图片名目,可是这个好的名目却在IE6期间造成了贫困,IE6会使透明的PNG的透明部门呈现#DBEAED的色彩。透明不了。使得在FF下开颁发明很好的界面换成IE赏识就惨不忍睹,又逼着换成GIF,而GIF的假透明在变
做Web前端开拓的童鞋们必然都知道PNG是一个相等不错的图片名目,可是这个好的名目却在IE6期间造成了贫困,IE6会使透明的PNG的透明部门呈现#DBEAED的色彩。透明不了。使得在FF下开颁发明很好的界面换成IE赏识就惨不忍睹,又逼着换成GIF,而GIF的假透明在调动配景时造成毛边征象。 最近在做一个有配景像素图的网页,为了让图像配景可以穿透,只能行使PNG-24。 找了一番,功效发明居然尚有官方的办理方案。;) 焦点代码如下: Copy to Clipboard引用的内容:[www.veryhuo.com] /*Correctly handle PNG transparency in Win IE 5.5 & 6. Copyright 2007 Ignia, LLC Based in part on code from from http://homepage.ntlworld.com/bobosola. Use in with DEFER keyword wrapped in conditional comments: <script type="text/javascript" defer="true" src="pngfix.js"></script> */ function fixPng() { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5 && version < 7.0) && (document.body.filters)) { for(var i=0; i<document.images.length;></document.images.length;> var img = document.images[i]; var imgName = img.src.toUpperCase(); if (imgName.indexOf(".PNG") > 0) { var width = img.width; var height = img.height; var sizingMethod = (img.className.toLowerCase().indexOf("scale") >= 0)? "scale" : "image"; img.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + img.src.replace('%23', '%2523').replace("'", "%27") + "', sizingMethod='" + sizingMethod + "')"; img.src="images/blank.gif" mce_src="images/blank.gif"; img.width = width; img.height = height; } } } } fixPng(); 行使要领就是把下面压缩包的js和images拷贝到你网站的目次,然后引用MSIE.PNG.js,就是这么简朴。 源代码下载:msiepng.rar (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |