IE6下PNG图片透明解决办法
来源:互联网 发布:ni公司数据采集卡 编辑:程序博客网 时间:2024/05/19 07:11
IE6下PNG图片透明问题时常困扰着我们,一般的方法很多,大致有:
<!--empty.gif为一张全透明的空白图片 没有则留空-->
<img id='show_comment' src="empty.gif" style="width:100px;height:12px;cursor:pointer;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='001.png',sizingMethod='image')">
<!--如果图片很多的话,则可使用如下方法处理:-->
function correctPNG(){ for(var i=0; i<document.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 }; };};if(navigator.userAgent.indexOf("MSIE")>-1){window.attachEvent("onload", correctPNG);};
今天来看一种利用JS插件解决PNG图片透明,DD_belatedPNG使用了微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,并且能支持background-position和background-repeat属性,支持伪类。是一款不错的值得推荐的插件,用法也比较简单。
使用方法:
<!--[if IE 6]><script src="DD_belatedPNG.js"></script><script> DD_belatedPNG.fix('.png_bg');</script><![endif]-->
引用函数是DD_belatedPNG.fix(),括号里的 .png_bg 改成你的css选择器名称。
ID选择器例子:
DD_belatedPNG.fix('#png');
伪类例子:
DD_belatedPNG.fix('.png a:hover,.png a:focus');
img标签例子:
DD_belatedPNG.fix('img');
如果是多个直接加逗号(英文下的)就行。例如:
DD_belatedPNG.fix('.png_bg,#png,.png a:hover,.png a:focus,img');
JS文件下载地址:
0.0.8a.js (未压缩版本)
0.0.8a-min.js (压缩版)
官方网站:DD_belatedPNG
- IE6下PNG图片透明解决办法
- ie6下PNG图片透明
- IE6 透明PNG图片BUG解决办法
- png图片ie6下背景透明
- IE6 下的PNG透明图片
- 解决IE6下透明PNG图片有灰底
- IE6下PNG插入图片透明
- IE6下显示透明的PNG图片
- png图片在ie6下透明效果
- 令ie6下PNG图片显示透明
- ie6下png图片变透明解决方案
- IE6下png图片透明问题
- IE6下使PNG图片透明
- ie6 png图片透明
- IE6 下 PNG透明
- ie6下png透明
- IE6下png图片和png背景透明
- IE6下png图片和png背景透明
- 处理两个view重叠部分的点击事件
- 王爽《汇编语言》实验十一:编写一个子程序:将包含任意字符,以0结尾的字符串中的小写字母转变成大写字母
- db2卸载数据库
- db2备份还原数据库
- 中国移动互联网低端应用要开始泛滥啦,大家做好防洪准备...
- IE6下PNG图片透明解决办法
- 类中的常量(高质量C++编程指南--5.4 摘录)
- (牛文)(译)在cocos2d里面如何使用Texture Packer和像素格式来优化spritesheet
- missing ';' before 'namesapce'错误的解决
- 如何使用Windbg调试User Mode代码
- AIX 上的配置 Samba
- 真难过
- 真实的美国教育:轻松背后的繁重 真诚背后的虚伪
- DOM4J 创建 XML