`
cjx186
  • 浏览: 269716 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

让破ie6支持png

 
阅读更多
用原生js来让破ie6支持png
    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
          }
       }
    }
	/*以下为IE6设置PNG透明代码*/
	_background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/pro_title.png");
    /*以上为IE6设置PNG透明代码*/
分享到:
评论

相关推荐

    让 IE6 支持 PNG 透明

    - 虽然这些技术能让IE6支持PNG透明,但需要注意,它们是针对旧版IE的解决方案,可能不适用于其他现代浏览器。因此,编写CSS时要确保对其他浏览器(如Firefox, Chrome, Safari, Opera等)的兼容性。 9. **最佳实践*...

    IE6支持PNG.js

    IE6支持PNG

    IE6下PNG透明代码

    在早期的Web开发中,IE6(Internet Explorer 6)是一个让开发者头疼的浏览器,尤其在处理PNG(Portable Network Graphics)格式图片时,其对PNG8和PNG24的透明支持并不完善。PNG是一种无损压缩的图像格式,支持透明...

    处理ie6下png格式透明效果

    IE6对PNG8格式的支持相对较好,但对带有Alpha通道的PNG24格式的支持则相当有限。这主要是因为IE6使用了旧版的GDI(Graphics Device Interface)来渲染图形,而不支持PNG24的Alpha透明。 解决IE6中的PNG透明问题,...

    IE6支持png

    例如,`IE6支持png的jq.zip`可能包含一个jQuery插件,用于在IE6下修复PNG透明度。 3. **浮动层定位**:在网页设计中,有时我们需要让元素浮动并保持在某个位置。文件“浮动层在网页中定位.txt”可能详细介绍了如何...

    js_IE6支持png透明解决png_ie6下不透明背景图片

    在早期的Internet Explorer 6(简称IE6)浏览器中,PNG格式的图片存在一个众所周知的问题:它不支持24位PNG图像的透明效果。这个问题给网页设计师带来了许多困扰,因为PNG格式的透明特性在其他现代浏览器中是被广泛...

    让ie6支持png图档

    总之,"让ie6支持png图档"的资源对于那些还需要照顾IE6用户的开发者来说是非常有价值的。通过学习和应用这些技术,可以提升网站在老版本浏览器上的用户体验,尽管现代浏览器已经普遍支持PNG透明,但对于那些仍然需要...

    ie6图片png完美支持iepngfix

    在IT行业中,尤其是在...总之,iepngfix是针对IE6浏览器PNG透明问题的一种解决方案,通过JavaScript技术实现对PNG图片的透明度支持。虽然如今已不再主流,但在过去,它为许多开发者提供了应对旧浏览器挑战的有效途径。

    完美解决IE6下png透明

    在早期的网页设计中,IE6(Internet Explorer 6)作为主流浏览器,其对PNG(Portable Network Graphics)图像格式的支持存在显著的问题,尤其是对于PNG-24格式的图像,它无法正确显示背景透明或者半透明效果。...

    IE6支持PNG透明图片方法

    本文将深入探讨IE6支持PNG透明图片的方法,以便在使用这种浏览器时仍能实现理想的网页效果。 首先,理解问题的核心:IE6对于PNG8格式的图片可以处理简单的色调透明,但对于PNG24格式的图片则无法正确显示Alpha通道...

    IE6不兼容png透明背景解决方法

    在互联网早期,Internet Explorer 6(简称IE6)是广泛使用的浏览器,但它存在许多兼容性问题,其中之一就是对PNG(Portable Network Graphics)图像格式的透明背景支持不足。PNG是一种先进的位图格式,提供了24位...

    IE6支持png图片透明度

    DD_belatedPNG.js IE6支持png图片透明度的文件使用方法: DD_belatedPNG.fix("标签ID,标签Class,标签名");

    IE 6 下PNG图片实现透明

    然而,Internet Explorer 6(简称IE6)对PNG格式的支持并不完善,尤其是在处理PNG的Alpha透明效果时存在局限性。这篇教程将详细介绍如何在IE6下实现PNG图片的透明效果。 首先,我们需要理解IE6对PNG透明的支持问题...

    IE6png透明JS

    在早期的网页设计中,IE6(Internet Explorer 6)浏览器因其对PNG图像格式透明度的支持问题而给开发者带来了困扰。PNG(Portable Network Graphics)是一种常见的图像格式,它支持24位真彩色以及Alpha通道透明度,但...

    IE6下PNG背景透明的方法

    2. **PNGFix方法**:由Dean Edwards开发的PNGFix.js是一个JavaScript库,它通过JavaScript动态修改页面元素的CSS,使IE6能够处理PNG的透明效果。只需在页面中引入这个脚本,并将需要透明的PNG图像链接到脚本即可。 ...

    IE6支持png图片透明

    IE6支持一种名为`AlphaImageLoader`的CSS滤镜,可以用来解决PNG透明问题。在CSS中,为需要透明效果的PNG图片添加以下样式: ```css .ie6pngfix { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader...

    如何让IE 6支持png图片效果.zip

    为了解决这个问题,开发者们使用了各种技术,包括JavaScript库和jQuery插件,来使IE6能够正确渲染PNG图片的透明效果。 标题"如何让IE 6支持png图片效果.zip"所指的是一个压缩包,其中包含了实现这一功能的方法和...

    让IE6支持png半透明图片(支持背景平铺、定位)

    4 如果想使用背景平铺和定位的效果,以前的步骤做完之后,我们还要再引用 iepngfix_tilebg.js 这个js,才能使png图片在ie6中平铺时实现透明效果,像下面这样: &lt;script type="text/javascript" src="iepngfix_...

    ie6兼容png透明图片

    ie6兼容png透明图片,导入js即可使ie6兼容png透明图片,无需调用。

    ie6中png透明解决方案 js

    以上两种方法都可以有效解决IE6下PNG图片透明度的问题,但在实际应用中,考虑到IE6的市场份额逐渐减少,开发者也可能选择仅对现代浏览器提供PNG透明效果,而让IE6用户看到不透明的图片。 这个压缩包中的"ie6中png...

Global site tag (gtag.js) - Google Analytics