png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!
但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。
解决这个的方法是增加javascript。具体方法如下:
把下面的代码放在head区就可以解决问题了。
以下是引用片段: <scriptlanguage="javascript"> functioncorrectPNG() { for(vari=0;i<document.images.length;i++) { varimg=document.images[i] varimgName=img.src.toUpperCase() if(imgName.substring(imgName.length-3,imgName.length)=="PNG") { varimgID=(img.id)?"id='"+img.id+"'":"" varimgClass=(img.className)?"class='"+img.className+"'":"" varimgTitle=(img.title)?"title='"+img.title+"'":"title='"+img.alt+"'" varimgStyle="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 varstrNewHTML="<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 } } } window.attachEvent("onload",correctPNG); </script> |
也可以把这段代码单独加在一张图片上:
以下是引用片段: <span style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='male.png',sizingMethod='scale');"></span> |
分享到:
相关推荐
在ie浏览器下png格式的图片出现问题的原因以及解决的方法
IE浏览器png图片显示补丁idpngfix.htc 2.0版
双击合并注册表即可解决ie浏览器不显示png图片问题。网上有很多方法都不管用,这个是我从注册表中导出的文件,这个绝对管用。
处理png图片在ie6上不透明问题,文件内包含两种处理png透明都问题可以解决改问题,一种是js处理 另一种是htc文件使用处理
IE浏览器网页部分PNG等格式图片无法显示的有效解决办法,使用方法:双击导入注册表 ,然后重启电脑
ie6下png透明图片显示不正常的解决办法,收藏版!
ie6兼容png透明图片,导入js即可使ie6兼容png透明图片,无需调用。
ie 下png 透明图片 兼容解决方案
窗口显示透明png图片(或用GDI+),有代码和文档,VC++透明png图片显示的实现
易语言画PNG透明图片源码,画PNG透明图片,子程序_开启,子程序_输出天气,快照_特殊增强,消除按钮边框,是否开启_,创建圆角矩形区域_,设置窗口区域_,设置窗口非透明组件底图色_,设置窗口信息_,设置窗口玻璃_,删除对象_,...
但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给.png格式的图片加个灰色背景。 解决这个的方法是增加javascript。具体方法如下: 把下面的代码放在head区就可以解决问题了。 [removed...
IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法
莫名其妙的问题,IE 看网页中的部分图片是红叉,同样的网址,Firefox 中正常。弄了很长时间,搞郁闷了,Googole了一下“ie部分图片不显示”,原来是 PNG 图片不显示,终于找到了这根救命稻草,感谢主,阿门,...
js修复IE不能显示PNG图片透明背景的方法、解决浏览器不兼容的问题
解决IE6浏览器下的PNG透明图片显示问题,调用方法见压缩包内的txt文档
内含插件及使用说明 ie(IE)png半透明插件使用微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,并且能支持background-position和background-repeat属性。
IE6中png透明效果显示 IE6下PNG背景透明的显示问题 让IE6显示透明PNG背景图片
EXE文件,批量BMP图片转为PNG透明图片,去掉BMP黑色背景,压缩导出png图片,V1.1
IE6png透明JS
EXE文件,批量BMP图片转为PNG透明图片,去掉BMP黑色背景,VS2019示例源码程序。