`

解决IE6 PNG透明及PNG透明背景(VML语言)

 
阅读更多

这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜.

使用方法

1.首先在这里下载DD_belatedPNG。(原文: http://dillerdesign.com/experiment/DD_belatedPNG/#download )
2.在html头部引用,如下:

<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>
  /* EXAMPLE */
  DD_belatedPNG.fix('.png_bg');
  
  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
</script>
<![endif]-->

 注意这里 DD_belatedPNG.fix(’.png_bg’); 括号里面指定css选择器,多个选择器要用“,”(没有引号,逗号是英文逗号)隔开,可以是 .someselector 或者是 #someselector,如果你觉得这样指定选择器太麻烦,可以使用通配符 * 即把 (’.png_bg’) 写成 (’*') 即可。

分享到:
评论

相关推荐

    IE6完美解决PNG背景透明

    总结起来,"IE6完美解决PNG背景透明"是一个关于如何使用DD_belatedPNG JavaScript库来解决Internet Explorer 6浏览器对PNG透明度不支持问题的解决方案。这个库通过JavaScript和CSS的结合,使得在IE6下也能呈现出与...

    解决ie6png透明的js插件

    为了解决这个问题,开发者们创建了专门的JavaScript插件来实现IE6下的PNG透明效果。 本资源提供的就是一个针对IE6 PNG透明问题的JavaScript插件,它允许在IE6浏览器中正确显示具有Alpha透明通道的PNG图像。这个插件...

    IE6 png背景图片透明

    要解决IE6中的PNG透明问题,有几种常见的方法: 1. **CSS滤镜(Filter)**:IE6提供了一个名为`AlphaImageLoader`的滤镜,可以用来处理PNG的透明性。通过在CSS中添加如下代码,可以实现PNG图片的透明效果: ```css...

    IE6下PNG透明代码

    2. **IE6的PNG透明问题**:IE6不支持PNG24的阿尔法透明,导致图片背景显示为黑色或不透明。对于PNG8,只有256色以下的颜色和单色透明可以正常显示,复杂的透明效果无法实现。 3. **JavaScript解决方案**:为了克服...

    处理IE6浏览器显示.png图片透明度文件

    PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,它无法正确显示带有alpha透明通道的PNG-24图像,导致图片出现半透明部分变成全黑或者背景颜色无法透过,这被称为“PNG透明问题”。...

    IE6下png透明处理脚本(js)

    为了解决这个问题,开发者们提出了多种JavaScript解决方案,使得在IE6下可以实现PNG透明。 首先,我们要理解PNG的透明特性。PNG支持两种透明模式:索引色透明(即PNG8,使用1位Alpha通道)和真彩色透明(即PNG24,...

    PNG图片透明兼容IE6和火狐示例

    4. **iepngfix.htc**:这是一款解决IE6 PNG透明问题的解决方案,它是一种行为(Behavior)文件,使用VML(Vector Markup Language)来模拟PNG的透明效果。通过在CSS中引入`behavior:url(iepngfix.htc)`,可以使得IE6...

    DD_belatedPNG.js解决IE6浏览器下的PNG透明图片显示问题

    为了解决这个问题,开发者们创造了一种名为“DD_belatedPNG”的JavaScript库,它通过JavaScript模拟了PNG透明效果,从而使得在IE6上可以正常显示这些图片。 DD_belatedPNG的核心原理是利用VML(Vector Markup ...

    IE6下PNG背景透明的方法(基于iepngfix.htc).zip

    尽管iepngfix.htc解决了IE6的PNG透明问题,但请注意,这种方法会增加页面加载时间,因为浏览器需要额外下载htc文件。此外,对于现代浏览器来说,此方法是不必要的,因为它们已经内置了对PNG透明的支持。 随着HTML5...

    IE6的PNG解决方案例子

    这个解决方案的核心是利用一个名为"iepngfix.htc"的HTC文件,这是一种基于VML(Vector Markup Language)的技术,允许IE6模拟PNG的透明效果。 描述中提到的“利用HTC解决IE6中PNG的背景不能透明显示的例子”进一步...

    ie6-png解决方案01

    在提供的文件中有一个名为"iepng.js"的文件,这可能是一个专门用于解决IE6 PNG透明问题的JavaScript库。这种库通常通过动态修改CSS属性或者使用滤镜来实现PNG图片的透明效果。例如,著名的"DD_belatedPNG"库就是一种...

    解决ie6下png格式的兼容

    其中,"DD_belatedPNG.js"是一个常用的JavaScript库,它专门为解决IE6中的PNG透明问题而设计。 DD_belatedPNG.js是David DeSandro编写的一个JavaScript插件,它通过模拟PNG Alpha通道来实现PNG透明效果。这个库的...

    IE6中png透明效果显示

    为了解决IE6下的PNG透明问题,有几种常见的解决策略: 1. **CSS滤镜方法**:IE6特有的CSS滤镜属性可以用来模拟PNG的透明效果。可以使用`filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your...

    实现ie6的png图片透明的2种方法

    --[if lt IE 7]&gt;`来仅在IE6及以下版本的浏览器中加载此脚本。 3. **应用CSS类**:在HTML中,为需要透明背景的元素添加对应的CSS类名。 下面展示具体的实现步骤和代码示例: ```html &lt;!--[if lt IE 7]&gt; ...

    ie6透明图片js

    这个库的工作原理是检测浏览器类型,如果检测到是IE6,它会创建一个新的Vml元素(Vector Markup Language,微软在IE5.5中引入的一种矢量图形语言),然后将PNG图片作为背景应用到这个Vml元素上,以此来模拟透明效果...

    实现IE6下png图片透明JS代码

    在早期的Internet Explorer 6(简称IE6)浏览器中,PNG格式的图片无法支持Alpha透明度,这导致了网页设计者在使用半透明或有透明背景的PNG图像时遇到问题。为了解决这个问题,开发者们利用JavaScript编写了一些脚本...

    IE6中觉得PNG格式图片阴影的方法

    需要注意的是,iepngfix.htc的性能可能不如现代浏览器的解决方案,因为它依赖于VML(Vector Markup Language)来模拟PNG透明度。这可能会增加页面加载时间和CPU使用率。此外,iepngfix.htc仅适用于内联元素,如`...

    ie6 png图片黑边处理办法

    另一个解决方法是利用JavaScript库,如`DD_belatedPNG`,它能为IE6提供PNG透明度支持。引入库后,只需简单调用函数即可: ```html &lt;script src="dd_belatedpng.js"&gt;&lt;/script&gt; &lt;img src="image.png" alt="Image...

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

    由于IE6本身的技术限制,在显示带有透明背景的PNG图像时会出现各种各样的问题。为了解决这一难题,许多开发者投入了大量的精力去寻找合适的解决方案。其中,“DD_belatedPNG”插件因其出色的性能和强大的功能,在...

Global site tag (gtag.js) - Google Analytics