引用
这种方法比较简单,快捷,针对不同版本IE下png图片去背景比较有效,(本人用过)直奔主题:
步骤: 1,在您图片有背景的页面上加入下面的js方法
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var j=0; j<document.images.length; j++)
{
var img = document.images[j]
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
j = j-1
}
}
}
}
</script>
2,然后再该页面加载的时候调用此方法 (如:<body onload="correctPNG();"></body>)
3,现在在运行您的页面背景即去掉了。(背景看不见了但背景所占的位置还会保留)
分享到:
相关推荐
在使用IE6浏览器时,许多PNG透明图片会出现灰色的背景,加上以上代码即可实现IE6浏览器下PNG背景透明
能解决png图片在IE6浏览器不兼容问题。同时能解决png背景图片在IE6浏览器不兼容的问题。简单易懂。急需要导入一个js文件,然后写入需要兼容的标签即可。
IE6浏览器完美兼容PNG图片的BUG(包括背景),img标签,背景都兼容得很不错!
处理png图片在ie6上不透明问题,文件内包含两种处理png透明都问题可以解决改问题,一种是js处理 另一种是htc文件使用处理
解决IE6浏览器下的PNG透明图片显示问题,调用方法见压缩包内的txt文档
IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法
js_IE6支持png透明解决png_ie6下不透明背景图片
IE6不兼容png透明背景解决方法,有效解决IE6下 透明图片浅灰背景的问题
ie6兼容png透明图片,导入js即可使ie6兼容png透明图片,无需调用。
IE6 png背景图片透明,在IE6下,让PNG背景图片透明,效果不错,谁用谁知道。
js修复IE不能显示PNG图片透明背景的方法、解决浏览器不兼容的问题
解决IE6下PNG图片背景色不透明问题的方法
IE6PNG透明背景显示灰色--解决方法(IE7.js)
博客中插入不了clear.gif图片,上传到这里以供自己和需要的人使用~
PNG图片在FF下是透明,但IE6下北京会变成蓝色的,有效解决PNG图片在IE6下背景不透明的问题
完美支持IE6下png图片透明,使用方便,自行下载一个jquery代码,直接调用使用即可超级方便,支持完美。是网站开发设计的朋友必备代码。推荐给大家使用。
看了很多网上有关解决ie6下png图片透明的文章,很多都是只解决了页面上插入png图片或css背景调用,而且都没用透明效果,在ie6下仅实现了去除灰底色。特对一些优秀页面进行分析整合,整理了两套相当有效的解决方案,...
用于修正IE6浏览器下透明PNG背景显示不正常(未灰色)的问题
在IE 6.0 下实现任意PNG图片透明
png背景图片透明支持IE6浏览器,通过JS来实现。