专栏首页前端杂货铺关于IE6的PNG图像透明使用AlphaImageLoader的缺点

关于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下为全透明。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • IE滤镜及其使用技巧

    Gradient Filter和AlphaImageLoader Filter   这两个属性是legend IE(IE6,7,8)中的渐变滤镜和透明滤镜,我们...

    欲休
  • Global eval. What are the options?

    David Flanagan最近写了一个关于全局eval的简单表达式,可以用一行式子表示: var geval = this.execScript || ev...

    欲休
  • nodeEE双写与分布式事务要点一二

    业务中为了减少热点数据不必要的db查询,往往会增加一层缓存来解决I/O性能。可是I/O多了一层也就多了一层的更新维护与容错保障,当修改db中某些数据时,往往会面...

    欲休
  • FFmpeg原始帧处理-滤镜API用法详解

    本文为作者原创,转载请注明出处:https://www.cnblogs.com/leisure_chn/p/10429145.html

    用户4940323
  • 把照片滤镜成“电影风”,其实没你想象的简单

    P过许多张图片、磨过不少皮,却依然不了解其中的奥秘。趁着刚被一波滤镜刷屏的节奏,今天,我们扒一扒“滤镜”。 化腐朽为神奇的滤镜 ? 《你的名字》剧照 美仑美焕的...

    智能算法
  • python图像处理-滤镜处理

    本系列课程是针对无基础的,争取用简单明了的语言来讲解,学习前需要具备基本的电脑操作能力,准备一个已安装python环境的电脑。如果觉得好可以分享转发,有问题的地...

    用户7054460
  • FFmpeg使用基础

    FFmpeg是一款用于多媒体处理的自由软件工程,基于GPL许可证发布。FFmpeg提供的最核心的命令行工具是ffmpeg,ffmpeg命令行工具的主要特征是输出...

    用户4940323
  • Pandas-29.通用方法-crosstab

    计算两个或多个因子的简单交叉列表,默认计算所有因子的频次表,除非传递了一组值和一个聚合函数。

    悠扬前奏
  • 2017高校毕业生人数创新高 大数据 AI领域人才短缺 年薪30万起步

    眼下,各高校大型校园双选会已经陆续启动,2018年就业大幕拉开。据了解,2017年全国高校毕业生人数达到795万,预计2018年毕业生人数将再创新高。就业市场有...

    企鹅号小编
  • 深度学习入门开篇介绍—为热爱AI的你们而做的序

    用户1107453

扫码关注云+社区

领取腾讯云代金券