`
JetMah
  • 浏览: 72848 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

IE6下使png透明的完美解决方式(续)

阅读更多
原文出处: http://www.javatang.com/archives/2010/07/19/1736428.html
作者: Jet Mah from Java堂
声明: 可以非商业性任意转载, 转载时请务必以超链接形式标明文章原始出处、作者信息及此声明!

自从上次介绍一种在IE6下使png透明的方式之后,今天又遇到一种更加完美的解决方案 DD_belatedPNG,详细的使用方法大家可以看文档,我这里只是简单说一下如何来使用(其实使用的时候也非常简单):

首先是在DD_belatedPNG网站上下载js文件,可以选择压缩后的文件,然后按照下面的方式在页面中引用(这一点和unitpngfix调用方式一样):

  1. <!--[if lt IE 7]>
  2. <script type="text/javascript" src="scripts/DD_belatedPNG.js"></script>
  3. <script type="text/javascript">
  4. // 设定需要渲染的DOM对象
  5. DD_belatedPNG.fix('.png_bg');
  6. </script>
  7. <![endif]-->

接下来就是体现DD_belatedPNG灵活性的一面了,与UnitPNG不同,DD_belatedPNG需要你使用一个js脚本来指定所要渲染的页面对象,其选择方式与CSS中选择器的方式相同。像上面的例子就是选择页面中所有class为png_bg的DOM对象。

另外,为了做一个统一的设置,我的做法是直接在DD_belatedPNG.js文件后面加上DD_belatedPNG.fix(‘.png_bg’);,这样只要在页面中设定DOM对象的class为png_bg就可以了,这一点可以做到与UnitPNG相同,只不过UnitPNG的名称是固定的,而DD_belatedPNG可以随心所欲了。

 

 

参考资料:
DD_belatedPNG,最佳IE6环境下实现PNG-24的应用方案

0
0
分享到:
评论

相关推荐

    IE6完美解决PNG背景透明

    这个库通过JavaScript和CSS的结合,使得在IE6下也能呈现出与现代浏览器一致的PNG透明效果,包括平铺、定位和链接功能。开发人员在实际应用中,需要对JavaScript和CSS有一定的掌握,才能有效地利用这个工具。

    完美解决IE6下png透明

    然而,通过一些技术手段,我们可以“完美解决IE6下PNG背景、图片透明问题”。 首先,我们需要了解PNG图像格式。PNG是一种无损压缩的位图格式,支持透明度设置,包括完全透明和半透明。对于其他现代浏览器,如Fire...

    IE6png透明JS

    2. **DD_belatedPNG**:这是一个非常著名的JavaScript库,由Dean Edwards开发,专门用于解决IE6下的PNG透明问题。通过添加额外的JavaScript代码,该库可以动态地修改DOM元素,使得PNG-24图像在IE6下表现得像在现代...

    ie6中png透明解决方案 js

    为了解决这个问题,开发者们采取了一些JavaScript技巧来实现IE6下的PNG透明效果。本压缩包提供的"ie6中png透明解决方案 js"正是针对这一问题的解决方案。 首先,我们需要理解PNG图片格式。PNG是一种无损压缩的图像...

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

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

    IE6,PNG透明完美解决方案。简单实用。

    总的来说,"IE6,PNG透明完美解决方案"是一个针对历史遗留问题的技术策略,它展示了开发者如何利用JavaScript和CSS技巧来克服浏览器的局限,实现跨浏览器的兼容性和一致的用户体验。尽管在今天看来,这样的问题已...

    IE6 下png完美解决方案

    "IE6下的PNG完美解决方案"是一个专门针对老版本Internet Explorer(尤其是IE6)解决PNG图像透明度和hover效果问题的技术方法。PNG(Portable Network Graphics)是一种无损压缩的图像格式,它支持透明度,但在早期的...

    ie 下png 透明图片 兼容解决方案

    以下是针对IE浏览器PNG透明问题的几种解决方案: 1. **CSS滤镜法**:利用CSS滤镜(Filter)属性,我们可以让IE6支持PNG24的透明。例如: ```css .pngFix { behavior: url(iepngfix.htc); /* 需要一个名为iepng...

    ie6下png透明解决方案

    总的来说,IE6下的PNG透明问题曾是前端开发的一大挑战,通过DD_belatedPNG.js这样的JavaScript库,我们可以有效地解决这个问题。不过,随着技术的进步,这种问题在现代Web开发中已变得越来越少见,开发者应当更多地...

    IE6下完美解决png图片半透明问题

    标题"IE6下完美解决png图片半透明问题"所指的,就是针对这个特定的IE6浏览器与PNG图像的兼容性问题,寻找并应用一种方法来实现PNG图像在IE6中的正常显示,包括其半透明特性。解决这个问题通常涉及到CSS滤镜(Filter...

    完美解决IE6png图片透明

    2,js-png通过js文件(unitpngfix)实现了透明,但是ie6下bottom属性失效 3,demo-htc通过iepngfix.htc文件实现透明度,同时通过修改html结构得到想要的结果,但存在文档内容顺序的问题。 4,最后,demo-DD,此方法...

    ie6下png透明图片的处理

    为了解决IE6下的PNG透明图片问题,开发者们提出了几种解决方案: 1. **CSS滤镜方法**:利用IE6特有的CSS滤镜属性,如`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='...

    IE6 PNG 完美支持

    标题“IE6 PNG 完美支持”指的就是针对IE6浏览器的PNG透明问题的解决方案。在IE6中,PNG-8和PNG-24格式的图片处理方式不同。PNG-8仅支持索引颜色和简单的全局透明,而在IE6中可以正常显示透明效果。但PNG-24,虽然...

    ie6-PNG透明渲染

    描述"PNG PNG透明 PNG PNG透明用法"暗示了解决方案在于寻找合适的用法或者技术来实现PNG在IE6上的透明渲染。为此,开发人员和设计师们提出了一些解决策略,例如使用JavaScript库、CSS技巧或者特定的滤镜。 一种常见...

    ie6图片png完美支持iepngfix

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

    PNG在IE6下透明

    总的来说,虽然IE6对PNG透明的支持存在局限,但通过各种技术手段,我们可以使PNG在这些旧版浏览器中正常显示。随着现代浏览器的普及,这些问题逐渐变得不那么重要,但理解并解决这些历史遗留问题仍然是提升网站兼容...

    PNG图片在IE6下完美透明的JS

    因此,寻找解决方案,使PNG图像在IE6下也能展现出完美的透明效果,成为当时Web开发者亟待解决的问题之一。 #### 二、JavaScript解决方案详解 ##### 2.1 功能检测与条件判断 首先,通过检测浏览器版本来判断当前...

    IE6浏览器png图片实现透明

    总的来说,"png图片ie6下透明js"这样的工具是解决IE6浏览器PNG透明问题的一种实用方法。通过引入和调用这个脚本,设计师无需牺牲PNG图像的高质量和透明特性,就能在IE6上实现与现代浏览器相似的视觉效果。这不仅提升...

    完美解决png在ie6兼容问题完整示例

    2. **IE6的PNG兼容性问题**:由于IE6的浏览器内核不完全支持PNG24,所以导致透明PNG在IE6下显示时会出现“灰边”或背景不透明的问题。这主要是因为IE6使用了名为“AlphaImageLoader”的滤镜来尝试处理透明PNG,但...

Global site tag (gtag.js) - Google Analytics