`
cqh520llr
  • 浏览: 521528 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

解决IE6的PNG透明JS插件 DD_belatedPNG

 
阅读更多

引用

解决IE6的PNG透明JS插件 DD_belatedPNG


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
          }
       }
    }   
}
if (window.attachEvent) {
window.attachEvent("onload", correctPNG);
} else if (window.addEventListener) {
window.addEventListener("load", correctPNG, false);
}

分享到:
评论

相关推荐

    IE6下PNG图像透明完美解决方案–DD_belatedPNG

    ### IE6下PNG图像透明完美解决方案–DD_belatedPNG #### 概述 在Web开发领域,尤其是在处理老旧浏览器兼容性问题时,IE6一直是开发者头疼的问题之一。其中一个典型的例子就是在IE6中处理PNG图像的透明问题。由于IE...

    DD_belatedPNG解决IE6不支持PNG绝佳方案

    这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜. 使用方法 1.在这里下载DD_belatedPNG.js文件. 2.在网页中引用,如下: &lt;!--[if IE 6]&gt; [removed][removed] ...

    DD_belatedPNG.js下载,解决IE6下的PNG的透明问题

    摘要:脚本资源,Ajax/JavaScript,DD_belatedPNG.js DD_belatedPNG.js是为了解决IE6下透明png图片缩小时不能完全显示问题的JS插件,完美解决IE6下的PNG透明问题。DD_belatedPNG基于微软VML语言编写,对PNG图片进行...

    DD_belatedPNG,IE6下PNG透明解决方案(国外)

    关于DD_belatedPNG的介绍,本文将详细介绍该工具如何解决IE6下PNG透明问题,同时对比其他工具的不足。IE6浏览器无法直接支持透明PNG图片,这在网页设计时会造成很多不便。为了解决这个问题,网上的解决方案主要分为...

    IE6 png透明

    为了克服这些限制,开发者们创造了许多解决方案,其中最著名的一种是使用JavaScript插件DD_belatedPNG.js。这个插件能够帮助修复IE6对PNG透明的支持问题。 ##### 3.1 DD_belatedPNG.js简介 DD_belatedPNG.js是由...

    解决ie6下png格式的兼容

    DD_belatedPNG.js是David DeSandro编写的一个JavaScript插件,它通过模拟PNG Alpha通道来实现PNG透明效果。这个库的工作原理是检测浏览器是否为IE6,并在检测到的情况下,通过JavaScript将PNG图片转换为VML(Vector ...

    IE6 PNG 透明

    然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e-xpression, 再到javascript透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat. 而我...

    IE6下Png透明最佳解决方案DD_belatedPNG

    是否有一种方法能解决全站的ie6下png透明问题呢。 搜遍谷歌,发现了一个最完美的解决方案:DD_belatedPNG(点解连接 查看官方). 原理 这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的...

    js 解决png图片在IE6下透明问题

    一种常见的解决方案是使用"DD_belatedPNG"库,它是一个JavaScript插件,由Dean Edwards编写,专门用来解决IE6对PNG图片透明的支持问题。 使用DD_belatedPNG库的方法如下: 1. 首先,你需要将"DD_belatedPNG.js"这...

    解决IE6的PNG透明JS插件使用介绍

    总结来说,DD_belatedPNG插件为开发者们提供了一种简洁有效的方式来解决IE6浏览器中PNG图片透明度的问题,使得设计师们可以在保持视觉效果的同时,兼容较老版本的浏览器,这在维护旧网站或者针对特定用户群体进行...

    IE6_PNG透明终极解决办法

    标题中的“IE6_PNG透明终极解决办法”指的是在Internet Explorer 6(简称IE6)浏览器中处理PNG图片透明度的问题。PNG格式的图片支持Alpha透明通道,允许半透明效果,但在IE6这个古老的浏览器中,对PNG8和PNG24格式的...

    jquery 解决png ie6不透明

    以下是使用jQuery结合"DD_belatedPNG"库解决IE6 PNG不透明问题的基本步骤: 1. 首先,需要在项目中引入jQuery库和"DD_belatedPNG"库。你可以从官方或者其他可靠的CDN获取这些库的最新版本。 ```html ...

    ie 6下面PNG图片的JS插件

    3. **JavaScript插件**:为了弥补这个缺陷,开发者编写了JavaScript库,如/DD_belatedPNG/、Dean Edwards的IE7.js等,它们通过动态添加CSS滤镜或者替换HTML元素来实现PNG透明效果。 4. **CSS滤镜**:在IE中,滤镜是...

    belatedPng.js

    使IE6支持PNG图片,并使以png图片为背景的元素可以再添加其他标签在内

    IE6下png图片透明解决方案

    有些JavaScript库如DD_belatedPNG或PNGFix.js专门用于解决IE6下的PNG透明问题。这些脚本通过检测浏览器类型并在需要时动态添加滤镜,使得PNG图片在IE6下也能显示透明效果。引入这些库后,只需在图片元素上应用特定...

    解决IE6中 PNG图片透明的终极方案-八种方案

    标题“解决IE6中 PNG图片透明的终极方案-八种方案”和描述提到了一个在前端开发中常见的问题,即如何在Internet Explorer 6(简称IE6)中处理PNG图片的透明度。PNG格式的图片在其他现代浏览器中可以完美显示透明效果...

    IE6下PNG背景透明的七种方法.

    可以使用一些JavaScript库,如DD_belatedPNG或Modernizr,它们专门为解决IE6的PNG透明问题而设计,可以自动化处理大部分PNG透明问题。 总的来说,解决IE6下的PNG背景透明问题通常需要结合多种技术,包括CSS Hack、...

    css 半透明 让IE6支持png图片半透明解决方法

    综上所述,为了解决IE6对PNG24透明图片的支持问题,开发者可以选择使用PNG8格式、CSS滤镜、jQuery插件或DD_belatedPNG插件。每种方法都有其优缺点,需要根据项目需求和兼容性要求来选择最合适的解决方案。随着IE6的...

    让png在网页中透明的插件

    "iepngfix"是一个专门解决这个问题的JavaScript插件,它使得PNG图片在Internet Explorer浏览器上可以正确显示透明效果。 iepngfix插件的工作原理主要是利用了VML(Vector Markup Language),这是一种微软为IE浏览...

Global site tag (gtag.js) - Google Analytics