首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >IE6 PNG透明度

IE6 PNG透明度
EN

Stack Overflow用户
提问于 2009-03-30 07:24:28
回答 12查看 11.4K关注 0票数 24

如何在IE6中修复背景图片的PNG透明度错误?

EN

回答 12

Stack Overflow用户

回答已采纳

发布于 2009-03-30 07:40:25

我喜欢David Cilley不久前写的这个Javascript解决方案。它摆脱了兼容浏览器的障碍,可以与任何你想要的后端一起使用。不过,它仍然需要一个空白的gif图像。

将这些函数添加到您的HTML头或其他现有.js中,包括:

代码语言:javascript
运行
AI代码解释
复制
<script type="text/javascript">
    function fixPngs(){
    // Loops through all img tags   
        for (i = 0; i < document.images.length; i++){
            var s = document.images[i].src;
            if (s.indexOf('.png') > 0)  // Checks for the .png extension
                fixPng(s, document.images[i]);
        }
    }

    function fixPng(u, o){
        // u = url of the image
        // o = image object 
        o.src = 'images/spacer.gif';  // Need to give it an image so we don't get the red x
        o.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + u + "', sizingMethod='scale')";
    }   
</script>

将以下条件注释放在底部(页脚部分,就在前面):

代码语言:javascript
运行
AI代码解释
复制
<!--[if lte IE 6]>
    <script language="javascript" type="text/javascript">
        //this is a conditional comment that only IE understands. If a user using IE 6 or lower 
         //views this page, the following code will run. Otherwise, it will appear commented out.
        //it goes after the body tag so it can fire after the page loads.
        fixPngs();
    </script> 
<![endif]-->

要获得更全面的解决IE6问题的方法,请尝试IE7 Javascript library

票数 20
EN

Stack Overflow用户

发布于 2009-03-30 07:25:57

使用这个:http://www.twinhelix.com/css/iepngfix/

这也适用于IE 5.5,但不适用于mac版本的IE或更早版本的IE。

我在相当少的网站上使用过它,并且没有遇到任何问题。

但是,在脚本生效之前,PNG周围有时会出现一个丑陋的灰色方框。

票数 8
EN

Stack Overflow用户

发布于 2009-03-30 07:35:32

使用PNG Behaviour

ie6.css:

代码语言:javascript
运行
AI代码解释
复制
img {
   behavior: url("pngbehavior.htc");
}

page.html:

代码语言:javascript
运行
AI代码解释
复制
<!--[if IE 6]> 
  <link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/697682

复制
相关文章
IE6下的png透明图片的背景定位
在IE6下PNG透明图片做背景,无法使用background-position进行定位。但是可以使用margin和绝对定位来进行。 另外,由于IE6下的 :hover 只对<a>支持,对其他元素都不起作用,所以需要对IE6单独打补丁。可以使用微软提供的 csshover.htc文件进行修复。 <ul class="nav"> <li> <a href="void 0" class="a"><img class="i1" src="img/png_btn.png"><
欲休
2018/03/15
1.1K0
关于IE6的PNG图像透明使用AlphaImageLoader的缺点
PNG32的alpha透明效果在IE6下会出现bug,出现灰色背景。而目前的解决方案就是 IE提供的滤镜。需要注意的是滤镜并不是对原图片进行修改,而是对相应的html元素进行 修改。所以在一个html中的多处使用alpha滤镜,那么性能的损耗将会累加。 现总结使用滤镜的缺点:   1,IE6下使用滤镜,那么无法对该PNG图片进行定位。可以通过其他解决方案完成。这篇 文章提到了两种解决方案,分别是硬编码和clip方案。   2,使用滤镜会冻结IE6的渐进渲染。渲染往往是从css下载完毕开始进行,然而对于使用滤
欲休
2018/03/15
8720
IE6 PNG不透明问题 (只解决img标签的图片)
要解决png在ie6下不透明的问题,百度一下一大堆。试过iepngfix那个~~但貌似不行,或者很麻烦。 我试用了一段js,果然有效~~~记录一下。这个最简单,对于不是用png做背景图的情况最好了。 1、页面中加入这个:(本来想用那个注释判断IE6的,但发现导致页面布局有点问题) <script type='text/javascript' src="/script/ie6.pngfix.js"></script> 2、ie6.pngfix.js代码:(没有排版,很挫~~大家反正复制粘贴即
用户1258909
2018/07/03
8150
ie6不支持PNG图片解决办法(季雨林代码收集)
PNG图像格式介绍: PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG’s Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”。PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可 存储多到16位的α通道数据
opengps
2019/02/13
8580
DD_belatedPNG 与 unitpngfix 两种解决 IE6 中 PNG 图片透明问题方案横向对比
虽然 IE6 骂声不断,但是仍然还有不少的市场份额。而在网页中,png 文件体积小、无锯齿、透明度好而被广泛使用。当这两件事情碰在一起,问题就来了,IE6 不支持 PNG 透明图片,它会把透明的部分显示成白色的。
Denis
2023/04/14
4300
DD_belatedPNG 与 unitpngfix 两种解决 IE6 中 PNG 图片透明问题方案横向对比
搞死IE6
转自http://css-tricks.com/snippets/html/make-ie-6-crash/
前端GoGoGo
2018/08/27
2120
IE滤镜及其使用技巧
Gradient Filter和AlphaImageLoader Filter   这两个属性是legend IE(IE6,7,8)中的渐变滤镜和透明滤镜,我们先详细介绍下这两个属性的用法,详情 可查看MSDN。 透明滤镜的使用方式很简单,只需在样式中定义     "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sProperties)" 即可。其中,关键部分就是sProperties。sProperties包括3部分,分别设置enab
欲休
2018/03/15
1.5K0
png8、png24 和 png32 的区别
png32 不仅可以使用更多的颜色,而且支持透明度设定,在 PNG 系列中较为常见
Leophen
2020/04/17
1.8K0
Python 技术篇-用PIL库修改图片透明度,改变png图片色道为RGBA、RGB。
PIL库可以设置图片透明度。 pip install pillow安装了pillow库后就可以使用PIL库了。
小蓝枣
2020/09/23
3.9K0
Python 技术篇-用PIL库修改图片透明度实例演示,改变png图片色道为RGBA、RGB
PIL 库可以设置图片透明度。 pip install pillow 安装了 pillow 库后就可以使用 PIL 库了。
小蓝枣
2022/05/07
2600
Python 技术篇-用PIL库修改图片透明度实例演示,改变png图片色道为RGBA、RGB
PNG文件解读(2):PNG格式文件结构与数据结构解读—解码PNG数据
之前写过《JPEG/Exif/TIFF格式解读(1):JEPG图片压缩与存储原理分析》,JPEG文件是以,FFD8开头,FFD9结尾,中间存储着以0xFFE0~0xFFEF 为标志的数据段。
周陆军
2021/08/07
3.6K0
PNG文件解读(2):PNG格式文件结构与数据结构解读—解码PNG数据
之前写过《JPEG/Exif/TIFF格式解读(1):JEPG图片压缩与存储原理分析》,JPEG文件是以,FFD8开头,FFD9结尾,中间存储着以0xFFE0~0xFFEF 为标志的数据段。
周陆军博客
2023/04/22
3.5K0
极限压缩 PNG
2017-11-29 12:17
walterlv
2018/09/18
9890
极限压缩 PNG
9.png
 一、什么是9.png:         可能做过任务栏美化的同学都会知道,我靠,framework-res.apk\res\drawable-hdpi 目录下有非常非常多的XXXXXX.9.png图片。 千万不要以为这个9只是png格式图片的命名区分,其实他是一种特殊的格式,在png图片的基础上动了些手脚,而且这种手脚你会  看不见摸不着(详情见下面具体内容)。         9.png格式的图片是安卓平台上新创的一种被拉伸却不失真的玩意(挺高级的吧),也许有的同学在做美化的时候很喜欢一个图片
xiangzhihong
2018/01/30
1.2K0
9.png
iMac下制作含透明度图片及判断图片透明度
最近在做安装包优化相关的内容,期间遇到了一个问题,怎么检查一张图片是不是有透明度,发现mac下面没有很好的工具,这部分内容难度也很低,所以就自己顺手写了一个简单的工具。 关于为什么要检查一张图片是不是有透明度,我后面会在介绍安装包优化的详细介绍。 iMac下怎么制作含透明度图片 在macOS中自带的预览十分强大,我们可以通过预览来直接制作一些透明效果的PNG图片。这里要用到的是【预览】中的“即时Alpha”工具。 使用预览打开图片,点击上方菜单中的按钮打开工具栏,然后找到 “即时Alpha” 功能对应的魔
子勰
2018/05/22
2.6K0
IE6,别急着说再见
没有一款浏览器能比 IE6 给前端开发更带来困扰了,IE6 的 Bug 和对标准的无视(其实 IE 各个版本都习惯于对标准的无视)已经到了令人发指的地步, 比如 IE6 的 JavaScript 解析在 GZip 压缩下问题一堆,微软自己都说没有办法,换浏览器吧; 比如 IE6 对样式的规定乱七八糟,看这个; 比如 IE6 上使用 PNG 还要加上一个带来 N 多挂死问题的滤镜……
四火
2022/07/15
5260
IE6,别急着说再见
制作.9.png
1. PNG格式。       在这里不过多的讨论PNG格式的定义问题。但是.9.PNG确实是标准的PNG格式,只是在最外面一圈额外增加1px的边框,这个1px的边框就是用来定义图片中可扩展的和静态
xiangzhihong
2018/01/29
1.6K0
java对PNG图片圆角处理 保持PNG透明背景
/* * 圆角处理 * @param BufferedImage * @param cornerRadius * */ public static String makeRoundedCorner(String srcImageFile, String result, String type, int cornerRadius) {     try {         BufferedImage image = ImageIO.read(new File(srcImageFile));         in
用户8983410
2021/09/23
1.2K0
Android透明度换算
Android透明度换算 Android布局中颜色表示都是使用十六进制来表示的,使用RGB和ARGB,后者多了一个透明度,而UI设计师通常在标注图中标注的透明度通常为百分比,这就需要我们做一些转换才能使用,透明度从0(透明)到1(不透明)对应的透明度为0%–100%,对应的十六进制为00–FF,对应的十进制为0–255,所以转换公式为:255 x 透明百分比,再将其转换为16进制即可,下面列出了常用的透明度百分比对应的十六进制。 透明度 透明度值 100% FF 95% F2 90% E6 85% D9 8
程序员飞飞
2020/02/27
1.9K0
点击加载更多

相似问题

UpdatePanel中的IE6 PNG透明度

10

IE6问题中的PNG透明度

50

带背景定位的IE6 PNG透明度修复

13

用于rotate.php的图像的IE6 PNG透明度修复

22

应该使用哪个jQuery插件来修复IE6 PNG透明度问题?

50
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档