关于IE6的PNG图像透明使用AlphaImageLoader的缺点

PNG32的alpha透明效果在IE6下会出现bug,出现灰色背景。而目前的解决方案就是

IE提供的滤镜。需要注意的是滤镜并不是对原图片进行修改,而是对相应的html元素进行

修改。所以在一个html中的多处使用alpha滤镜,那么性能的损耗将会累加。

现总结使用滤镜的缺点:

  1,IE6下使用滤镜,那么无法对改PNG图片进行定位。可以通过其他解决方案完成。这篇

文章提到了两种解决方案,分别是硬编码和clip方案。

  2,使用滤镜会冻结IE6的渐进渲染。渲染往往是从css下载完毕开始进行,然而对于使用滤镜

图片而言,渲染得从该图片下载完成才开始。当页面有多个图片使用了透明PNG(对于IE6),那么

滤镜的处理是叠加的,得等到所有PNG图片下载完成之后才能开始渲染,在此之前呈现给我们的将是

空白页面。

  3,内存占用大,主要用于处理和应用滤镜。

可以使用PNG8图片进行渐进增强。PNG8支持alpha通道,而且PNG8的半透明像素会在IE6下显示为

完全透明。这就提供了向下兼容的方案。在IE7及其以上的浏览器显示alpha透明度,而在IE6下为全透明。

时间: 2024-10-12 23:18:54

关于IE6的PNG图像透明使用AlphaImageLoader的缺点的相关文章

ie6背景透明的设置方法 ie6背景颜色透明和png图像透明解决方法

IE6浏览器,让我们又爱又恨.爱它的是,可以让我们写的代码的时候,可以更标准,恨的是,它有太多无厘头的IE6常见bug(详情点击),让我们焦头烂额.现在现在用百度浏览器调查,国内占有率不到6%了,但是,就怕碰到需要调兼容ie6的网站. 其中,一个IE6常见问题就是IE6透明背景问题了.透明背景主要分背景颜色透明和背景图片或者png图片透明问题. 一.IE6背景颜色透明 一般浏览器,给一个盒子透明背景写法是 :opacity: 0.5;   -moz-opacity: 0.5;-webkit-op

使IE6下PNG背景透明的七种方法任你选

原文地址:http://blog.csdn.net/mosliang/article/details/6760028 相信如何解决png在ie6下透明的问题困扰了很多人.为了追求更好的页面效果,很多人喜欢使用png格式的图片,恰恰因为ie6下png图片的透 明问题,很多人不得不退而求其次地改用gif格式的图片.今天就来介绍一个ie6下png透明的解决办法,支持background(含 position.repeat.img src). 1. DD_belatedPNG简介: DD_belated

解决PNG图片在IE6中背景不透明的问题

1.解决PNG图片在IE6中背景不透明的CSS与JS代码   -   TOP JS代码  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) &a

解决PNG图片在IE6中背景不透明方法_解决IE6中PNG背

解决PNG图片在IE6中背景不透明方法_解决IE6中PNG背 目录 解决代码 解决png图片在html中 解决png作为网页背景-css 1.解决PNG图片在IE6中背景不透明的CSS与JS代码   -   TOP JS代码  function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE&quo

CSS3——提示工具 图片廓 图像透明 图像拼接技术 媒体类型 属性选择器

提示工具 提示框在鼠标移动到特定的元素上显示 设置提示框的位置 给提示框添加箭头 提示框的淡入效果 提示框美化 图片廓 响应式图片廓 图像透明 创建透明图像——悬停效果 ———鼠标放置后———>  创建一个具有文本的拥有背景图像的透明框  图像拼合技术 图像拼合————单个图像的集合 [有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求] 图像拼合会降低服务器的请求数量,并节省带宽 与其使用3个独立的图像,不如使用这种单个图像 ——————>   图像拼合的悬停效果 媒体类型 指定

解决IE6不支持PNG-24透明的问题

IE6 png 透明 (三种解决方法)(转来的哦) FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 ============================================================================= 此效果简单,....相当不错 推荐 style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.pn

ie6解决png图片透明问题

看了网上各种方法,选了个比较好的, 说明:网上说可以解决hover问题,但是我试过不知道为什么不行,(可以看之前的ie6解决hover的文章)但是用来解决网页直接引用的各个小图标还是很棒的,毕竟你用gif的小图标的话,锯齿很严重,png的要好太多. 方法如下: 1.下载DD_belatedPNG.js,代码如下: PS:此代码已经在最后加入,整理好放入相应文件夹,不用多说 DD_belatedPNG.fix(".pngFix,.pngFix:hover"); 1 var DD_bela

最简单最保险的方法:让IE6支持PNG图片透明

要想png图片背景透明: 最保险的办法是:将格式处理成png8的(因为我们一般保存的是PNG24): png8和gif都是8位的透明度,IE6与生俱来就支持png8的索引色透明度,但不支持png或8位以上的 alpha 透明度.而对于非动画的GIF建议你使用PNG8,因为体积会更小~ 想将png24转换成png8,方法也很简单,使用photoshop转换就可以了. png24转换成png8的具体方法为:文件->存储为web和设备所用格式->在“预设”里,选择“PNG-8”和“”透明度,保存即可

DD_belatedPNG解决IE6不支持PNG透明图片绝佳方案

引入js文件,同样由于此js只有使用IE6时才有用,所以为了让我们的页面更加高效的执行,页面中插入一段只有IE6的时候才调用执行此JavaScript即可: 1 <!--[if IE 6]> 2 <script type="text/javascript" src="../script/DD_belatedPNG_0.0.8a-min.js"></script> 3 <script type="text/javas