解决IE6下PNG透明问题，支持平铺背景图片

 

今天下午想让一张向y轴平铺的背景PNG图片实现透明，查了一些方法，又试了很久，如果用滤镜方法的话可以实现透明，但宽会变，而且我要控制的是body的背景，再再再是它。。。不会平铺的了。这样自然是不能满足我的想法，而我风格的布局又要用到PNG图片，怎么办？

于是我又试了一个JS的，结果效果也不出来。我11号找了两个方法用于实现PNG图片在IE6下透明，Unit PNG Fix用了一下，没有成功，应该是我的英文差，看不全这些东西。后来又试了一个IE PNG Fix V1.0，但发现它不支持IE6下PNG透明平铺背景图片。正在沮丧时，忽然看到IEPNGFix v2.0 Alpha — with background position/repeat! 问题从而解决.

插入的图片，img标签

背景图片，background

使用简介：页面标签使用behavior:url(”iepngfix.htc”);来调用外部包含js、css的iepngfix.htc文件來修正PNG alpha 透明度。

测试实例1：http://www.css88.com/demo/IE6_bug/IE6_bug_2/IE6_bug_2.html

测试实例2（官方，e文）：http://www.css88.com/demo/IE6_bug/IE6_bug_2/iepngfix.html

支持<img src=”">元素。

支持的背景PNG图像（不像许多其他的脚本！ ）

支持CSS1背景重复和位置（通过可选插件）

背景图像可以被界定内置或在外部的样式表。

自动处理改为钢骨混凝土/背景通过正常的JavaScript （例如鼠标悬停翻车） -没有特殊的编码需要。

改变支持包括CSS的’类别’的变化因素。

采用自动变通的要素巴布亚新几内亚背景因素。

微小的脚本（快速下载） 。

领有牌照的下一个自由软件许可证。

如何使用

Follow these simple steps to add this to your page:遵循这些简单的步骤，将此添加到您的网页：

复制并粘贴iepngfix.htc和blank.gif到您的网站文件夹中。

复制并粘贴到您的网站的CSS或HTML ：

这的CSS选择器必须包含标签/内容要巴布亚新几内亚支持-基本上，给它一个逗号分隔的清单上的标签使用。它还必须包括正确的路径。宏达相对H TML文件的位置（不相对的CSS文件！ ） 。 例如，你可能看起来像这样：

如果您的网站使用的子文件夹，打开。宏达文件在文本编辑器如Windows记事本，并改变blankImg变数，包括正确道路blank.gif像这样：

IEPNGFix.blankImg = ‘/images/blank.gif’;

同样的路径是相对的HTML文件。否则，你将看到一个“破碎的形象”的图形！

如果你想支持CSS1背景重复和背景位置，请务必包括附加。 js文件在您 ：

否则，背景图片可以工作，但不会重复或立场。

可以舒舒服服地坐下欣赏！ 也许考虑捐助，以支持该脚本的发展如果你喜欢您所看到的，因为我花了数百小时的开发，测试和支持它： ） 。 另外，我一定会感谢一个入链接您的网站到地雷！

官方原文：http://www.twinhelix.com/css/iepngfix/

如果你有兴趣了解更多信息或另一种方法激活的脚本保持审定的CSS相容性，看到源代码演示文件。

———————————————————————–

如何解决共同问题

1.我已经贴在CSS中，但我pngs并不透明！

请务必记住，路径个文件是相对于HTML文件，而不是的CSS文件（如的CSS背景图像） 。 如果您想要测试的路径，插入： alert(’This works!’);进入。宏达文件。

2.它的工程离线而不是在线。

第一次尝试解压这个预设的示范和上传到Web服务器原样。 如果它不工作，您可能有一个MIME类型的问题。您必须确保您的服务器发送正确的MIME类型“文本/的X组成部分”的。宏达文件。 尝试之一，这两个容易修复程序：

3.上传的。 “ htaccess ”文件，该脚本的下载压缩到Web服务器上，这将使阿帕奇发出正确的MIME类型。

4.而不是所谓的“ IEPNGFIX.HTC ”从你的CSS ，上传IEPNGFIX.PHP的同一文件夹中，并呼吁不是，这也发出了正确的MIME类型。

5.我pngs是透明的，但有一个有趣的边界或红色的“ X ”图标。

检查blankImg变量设置正确的。宏达文件，再次相对应的HTML文件，载PNGs 。

图像扭曲，或此脚本休息，我的网页布局。

当适用于图像没有设置方面，该脚本将尝试与“猜测”正确的图像尺寸和适用的。如果它获得做错了什么，给您一个明确的图像width 。

链接或表单元素一个png’d元素是不能点击。

测试实例1：http://www.css88.com/demo/IE6_bug/IE6_bug_2/IE6_bug_2.html

测试实例2（官方，e文）：http://www.css88.com/demo/IE6_bug/IE6_bug_2/iepngfix.html