`

iepngfix.htc和png8让IE6支持png背景透明

阅读更多
iepngfix.htc和png8让IE6支持png背景透明
在给客户做网站的过程中,有一个比较棘手的问题就是处理png图片的背景透明问题,因为需要兼容不同的浏览器,这就比较麻烦了。
折腾了好长时间,最后寻找到了解决办法,用iepngfix.htc进行处理。
iepngfix.htc的使用使用方法:
下载脚本脚本,将其中的iepngfix.htc和blank.gif解压缩到合适的目录内,.htc即Html Components,该文件需要在CSS中被调用;blank.gif是一个1×1像素的透明GIF图片,缺少该文件会使<img>标签插入的PNG图象显示为红色的叉烧包。
在iepngfix.htc中修改blank.gif的路径,var blankImg =‘blank.gif的正确路径’,这是惟一一个需要修改的配置。
在css中将需要使用透明PNG的元素与.htc文件关联。 例如:*{behavior: url(iepngfix.htc) }
通过以上三步,IE6就能支持透明PNG图片了。
本来以为这样就万事大吉了,后来发现不仅如此!
在我们测试的过程中,本地环境处理已经没问题了;放在测试机上测试,也没问题了。
可是,最终到了生产机了,就突然发现不行了!在IE6下就会显示出蓝色的背景了。
找了半天原因,经过对比分析,发现代码和测试机上的一模一样,但问题依然存在,怎么办?
后来直接查找iepngfix.htc网站,发现也没给出具体的服务器环境的需求问题。问题似乎解决不了了!!!
而且,将DEMO文件上传至测试机和生产机上,发现原来问题就出在生产机上。测试机上显示的没任何问题,生产机确实就不行了。
这就排除了程序方面的差异问题。
后来,终于找到了另外的解决办法,那就是,替换之前的png图片的格式,之前的是png24的,现在全部替换成png8的,这样IE6就能识别出来而显示出背景透明的了!
所以,总结起来就是:
要想png图片背景透明:
最保险的办法是:将格式处理成png8的;
如果服务器上测试iepngfix.htc没问题的话,使用iepngfix.htc也是不错的选择!
另外,想将png24转换成png8,方法也很简单,使用photoshop转换就可以了。
png24转换成png8的具体方法为:文件-》存储为web和设备所用格式-》在“预设”里,选择“PNG-8”和“”透明度,保存即可。
分享到:
评论

相关推荐

    IE6下PNG背景透明的方法(基于iepngfix.htc).zip

    当我们在CSS中引入iepngfix.htc,并应用到需要透明效果的PNG元素上,就可以让IE6识别并正确显示PNG的透明部分。 使用iepngfix.htc的步骤通常如下: 1. 下载iepngfix.htc文件,将其放在服务器上一个可访问的路径下...

    让IE6支持png半透明图片(支持背景平铺、定位)

    4 如果想使用背景平铺和定位的效果,以前的步骤做完之后,我们还要再引用 iepngfix_tilebg.js 这个js,才能使png图片在ie6中平铺时实现透明效果,像下面这样: &lt;script type="text/javascript" src="iepngfix_...

    IE6中觉得PNG格式图片阴影的方法

    通过将iepngfix.htc链接到CSS样式表,我们可以让IE6正确地显示具有透明度和阴影效果的PNG图像。 首先,我们需要在服务器上部署iepngfix.htc文件,因为它是通过HTTP头部Content-Type: text/x-component 发送的。然后...

    IE6下PNG背景透明的方法

    `checkerboard.gif`可能是用于模拟透明背景的棋盘格图像,`blank.gif`可能是用于透明效果的占位符,`iepngfix.htc`是上面提到的HTC行为文件,`index.html`是示例网页,`alixixi.png`可能是测试用的PNG图片,`使用...

    IE6下PNG背景透明的方法.zip

    通过引入`iepngfix.htc`行为文件和适当设置CSS,开发者可以在不牺牲兼容性的前提下,让IE6用户也能欣赏到PNG图片的透明效果。虽然现在IE6的使用率已经非常低,但对于需要兼容旧版浏览器的项目,这些技巧仍然有价值。

    IE6完美解决PNG背景透明

    虽然iepngfix.htc在某些情况下可以部分解决PNG透明问题,但确实存在一些局限性,比如无法平铺、定位困难,以及在添加了超链接的PNG图像上,点击区域可能无法正常工作。 DD_belatedPNG的优势在于,它不仅解决了iepng...

    PNG图片透明兼容IE6和火狐示例

    image`属性设置PNG图片作为背景,同时通过`opacity`或`filter`属性控制透明度,对于IE6需要添加特定的滤镜属性,如`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/iepngfix.htc')`。...

    ie6 png 透明实现方法

    PNG格式分为PNG-8和PNG-24两种,PNG-8支持简单的颜色索引和透明,而在PNG-24中则提供了丰富的色彩和Alpha通道透明,但IE6对PNG-24的透明处理存在问题。这主要是由于IE6不支持Alpha透明,而只支持一个全局的索引透明...

    PNG 背景透明插件 For IE

    这一款插件可以帮你快速解决这一问题,它的核心是 iepngfix.htc 文件,自带的示例文件,将告诉你在什么情况下可以调用本插件,让PNG背景图片在不同版本的浏览器下都自动透明,示例效果如上图所示。

    IE修复PNG问题办法

    Download and extract iepngfix.zip (1.2KB), which contains two files: iepngfix.htc and trans.gif Set the CSS behavior of any relevant tags to the HTC file. Like this: &lt;!--[if lt IE 7]&gt;...

    ie6浏览器下图片透明

    在这个压缩包中,`iepngfix.htc`就是一个这样的行为文件,它可以通过JavaScript和CSS实现PNG透明效果。 要使用`iepngfix.htc`,你需要在CSS中对需要透明的PNG图片添加以下样式: ```css /* 添加到你的CSS */ img....

    IE6下的png格式图片解决方案

    1. **下载并部署文件**:将`iepngfix.htc`、`blank.gif`和`iepngfix_tilebg.js`文件放入项目的相应目录。 2. **配置HTML**:在页面头部添加CSS样式,指明PNG修复行为。 3. **修改HTC文件**:更新`IEPNGFix.blankImg`...

    IE6的PNG解决方案例子

    这个解决方案的核心是利用一个名为"iepngfix.htc"的HTC文件,这是一种基于VML(Vector Markup Language)的技术,允许IE6模拟PNG的透明效果。 描述中提到的“利用HTC解决IE6中PNG的背景不能透明显示的例子”进一步...

    ie 下png 透明图片 兼容解决方案

    /* 需要一个名为iepngfix.htc的HTC文件 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale'); /* 指定要加载的PNG图像 */ } ``` 这种方法的优点是简单易用...

    IE6 图片背景透明

    总结起来,在IE6下实现图片背景透明主要依赖于CSS滤镜和特定的JavaScript解决方案,如iepngfix.htc或DD_belatedPNG.js库。这些技术虽然解决了IE6的兼容性问题,但也增加了页面的复杂性和加载时间。随着现代浏览器的...

    让 IE6 支持 PNG 透明

    在早期的网页设计中,IE6(Internet Explorer 6)浏览器对PNG图像格式的透明支持是有限的,尤其是对于PNG-24格式的图像,它只支持简单的索引颜色透明,而对于真彩色的PNG图像则无法实现透明效果。这给网页设计师带来...

    完美解决IE6png图片透明

    3,demo-htc通过iepngfix.htc文件实现透明度,同时通过修改html结构得到想要的结果,但存在文档内容顺序的问题。 4,最后,demo-DD,此方法完美解决,不过需要在设置png背景的div上添加class=“png”的类。

Global site tag (gtag.js) - Google Analytics