这个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背景透明"是一个关于如何使用DD_belatedPNG JavaScript库来解决Internet Explorer 6浏览器对PNG透明度不支持问题的解决方案。这个库通过JavaScript和CSS的结合,使得在IE6下也能呈现出与...
为了解决这个问题,开发者们创建了专门的JavaScript插件来实现IE6下的PNG透明效果。 本资源提供的就是一个针对IE6 PNG透明问题的JavaScript插件,它允许在IE6浏览器中正确显示具有Alpha透明通道的PNG图像。这个插件...
要解决IE6中的PNG透明问题,有几种常见的方法: 1. **CSS滤镜(Filter)**:IE6提供了一个名为`AlphaImageLoader`的滤镜,可以用来处理PNG的透明性。通过在CSS中添加如下代码,可以实现PNG图片的透明效果: ```css...
2. **IE6的PNG透明问题**:IE6不支持PNG24的阿尔法透明,导致图片背景显示为黑色或不透明。对于PNG8,只有256色以下的颜色和单色透明可以正常显示,复杂的透明效果无法实现。 3. **JavaScript解决方案**:为了克服...
PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,它无法正确显示带有alpha透明通道的PNG-24图像,导致图片出现半透明部分变成全黑或者背景颜色无法透过,这被称为“PNG透明问题”。...
为了解决这个问题,开发者们提出了多种JavaScript解决方案,使得在IE6下可以实现PNG透明。 首先,我们要理解PNG的透明特性。PNG支持两种透明模式:索引色透明(即PNG8,使用1位Alpha通道)和真彩色透明(即PNG24,...
4. **iepngfix.htc**:这是一款解决IE6 PNG透明问题的解决方案,它是一种行为(Behavior)文件,使用VML(Vector Markup Language)来模拟PNG的透明效果。通过在CSS中引入`behavior:url(iepngfix.htc)`,可以使得IE6...
为了解决这个问题,开发者们创造了一种名为“DD_belatedPNG”的JavaScript库,它通过JavaScript模拟了PNG透明效果,从而使得在IE6上可以正常显示这些图片。 DD_belatedPNG的核心原理是利用VML(Vector Markup ...
尽管iepngfix.htc解决了IE6的PNG透明问题,但请注意,这种方法会增加页面加载时间,因为浏览器需要额外下载htc文件。此外,对于现代浏览器来说,此方法是不必要的,因为它们已经内置了对PNG透明的支持。 随着HTML5...
这个解决方案的核心是利用一个名为"iepngfix.htc"的HTC文件,这是一种基于VML(Vector Markup Language)的技术,允许IE6模拟PNG的透明效果。 描述中提到的“利用HTC解决IE6中PNG的背景不能透明显示的例子”进一步...
在提供的文件中有一个名为"iepng.js"的文件,这可能是一个专门用于解决IE6 PNG透明问题的JavaScript库。这种库通常通过动态修改CSS属性或者使用滤镜来实现PNG图片的透明效果。例如,著名的"DD_belatedPNG"库就是一种...
其中,"DD_belatedPNG.js"是一个常用的JavaScript库,它专门为解决IE6中的PNG透明问题而设计。 DD_belatedPNG.js是David DeSandro编写的一个JavaScript插件,它通过模拟PNG Alpha通道来实现PNG透明效果。这个库的...
为了解决IE6下的PNG透明问题,有几种常见的解决策略: 1. **CSS滤镜方法**:IE6特有的CSS滤镜属性可以用来模拟PNG的透明效果。可以使用`filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your...
--[if lt IE 7]>`来仅在IE6及以下版本的浏览器中加载此脚本。 3. **应用CSS类**:在HTML中,为需要透明背景的元素添加对应的CSS类名。 下面展示具体的实现步骤和代码示例: ```html <!--[if lt IE 7]> ...
这个库的工作原理是检测浏览器类型,如果检测到是IE6,它会创建一个新的Vml元素(Vector Markup Language,微软在IE5.5中引入的一种矢量图形语言),然后将PNG图片作为背景应用到这个Vml元素上,以此来模拟透明效果...
在早期的Internet Explorer 6(简称IE6)浏览器中,PNG格式的图片无法支持Alpha透明度,这导致了网页设计者在使用半透明或有透明背景的PNG图像时遇到问题。为了解决这个问题,开发者们利用JavaScript编写了一些脚本...
需要注意的是,iepngfix.htc的性能可能不如现代浏览器的解决方案,因为它依赖于VML(Vector Markup Language)来模拟PNG透明度。这可能会增加页面加载时间和CPU使用率。此外,iepngfix.htc仅适用于内联元素,如`...
另一个解决方法是利用JavaScript库,如`DD_belatedPNG`,它能为IE6提供PNG透明度支持。引入库后,只需简单调用函数即可: ```html <script src="dd_belatedpng.js"></script> <img src="image.png" alt="Image...
由于IE6本身的技术限制,在显示带有透明背景的PNG图像时会出现各种各样的问题。为了解决这一难题,许多开发者投入了大量的精力去寻找合适的解决方案。其中,“DD_belatedPNG”插件因其出色的性能和强大的功能,在...