首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

PNG32的alpha透明效果在IE6下会出现bug,出现灰色背景。而目前的解决方案就是 IE提供的滤镜。需要注意的是滤镜并不是对原图片进行修改,而是对相应的html元素进行 修改。...现总结使用滤镜的缺点:   1,IE6下使用滤镜,那么无法对该PNG图片进行定位。可以通过其他解决方案完成。这篇 文章提到了两种解决方案,分别是硬编码和clip方案。   ...当页面有多个图片使用了透明PNG(对于IE6),那么 滤镜的处理是叠加的,得等到所有PNG图片下载完成之后才能开始渲染,在此之前呈现给我们的将是 空白页面。   ...可以使用PNG8图片进行渐进增强。PNG8支持alpha通道,而且PNG8的半透明像素会在IE6下显示为 完全透明。这就提供了向下兼容的方案。...在IE7及其以上的浏览器显示alpha透明度,而在IE6下为全透明

84580
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    DD_belatedPNG 与 unitpngfix 两种解决 IE6PNG 图片透明问题方案横向对比

    虽然 IE6 骂声不断,但是仍然还有不少的市场份额。而在网页中,png 文件体积小、无锯齿、透明度好而被广泛使用。...当这两件事情碰在一起,问题就来了,IE6 不支持 PNG 透明图片,它会把透明的部分显示成白色的。...有问题就会有解决方法,可以使用早期 IE6 支持的滤镜来实现透明效果,有些牛人就根据这个原理进行了封装,做成了 JS 来使用。所以,我们只需要调用他们编写 JS 文件即可。...知更鸟已经写了一篇比较简单的使用方法:使用DD_belatedPNG让IE6支持PNG透明图片 官方的英文版提供了更加详细的教程:点击这里 unitpngfix.js 方法 unitpngfix.js...Demo 页面非常简单,就是一个带有透明 png 背景图片的 div ,并且把背景图片放在了右下角,关键代码: div{width:400px;height:400px;margin:20px;background

    40410

    python把png的白色背景变透明

    一、讲解部分 1、PNGPNG-8,PNG-24 和 PNG-32 三种格式 PNG-8 PNG-8将图片中用到的每种颜色都存储在一个长度为255的数组中,称之为条色盘,然后每个像素上存储对应颜色在条色盘上的位置...相比之下确实使用了更少的空间来存储颜色,但是他能表达的颜色种类也是有上限的,所以在将PNG-32转换成PNG-8时会在一些颜色过渡的地方看到明显的不平滑的渐变 PNG-24 同理,PNG-24的像素深度为...PNG-24因为没有Alpha通道(透明通道),所以不支持透明图片 PNG-32 PNG-32每个像素的深度为32bits,其中RGBA四个通道各占8bits。...所谓的RGBA四个通道,就是 红,绿,蓝,透明 这四种色值各自的大小,都用8bits来表示(0~255) 2、要确定当前需要处理的png图片的位深是多少 在图片上右键,选择“属性” 在属性页面,选择“详细信息...if img.getpixel((h, i)) == white_pixel: img.putpixel((h, i), (0, 0, 0, 0)) # 设置透明

    5.6K41

    PHP添加PNG图片背景透明水印操作类定义与用法示例

    本文实例讲述了PHP添加PNG图片背景透明水印操作类定义与用法。...的透明效果,将图片嵌入到画框里 * imagecopymerge与imagecopy的不同: * imagecopymerge 函数可以支持两个图像叠加时,设置叠加层的透明度。...imagecopymerge比imagecopy多一个参数,来设置透明度 * PHP内部源码里,imagecopymerge在透明度参数为100时,直接调用imagecopy函数。...* imagecopy 函数则不支持叠加透明,但拷贝时可以保留png图像的原透明信息,而imagecopymerge却不支持图片的本身的透明拷贝 * 即:使用imagecopymerge函数,可以实现打上透明度为...30%的淡淡的水印图标,但图片本身的png就会变得像IE6不支持png透明那样,背景不透明了。

    1.1K31

    几个小处理提高前端性能

    一、最最基本的 CSS顶部, JS底部 YUI compressor/Gzip CDN 有 必要的CSS Sprite Ajax可缓存 以上没什么好说的。...避免某些expression表达式,避免IE6的AlphaImageLoader png透明滤镜,可以试试使用fireworks生成png8 alpha透明(目前photoshop只有png8 索引透明...但是,有可能会出现高度20像素的小图标,,而文字所占据高度为12px * 1.4 = 16.8px, IE6又存在行高被拒的悲剧。...特殊交互JS资源再使用的时候才异步加载(上传图片,显示地图等) 无关紧要资源避开加载渲染高峰显示,例如外站iframe等载入完毕后1秒再DOM创建载入处理(例如嵌入的新浪微博)。...头部无用的一段专为IE6的script输出,之前曾做过处理,只IE6输出的,后来因为不同城市不同站等原因,后台那边懒得折腾了。

    1.2K20
    领券