IE7/IE8 JavaScript library - IE6支持PNG透明(alpha通道)的4种方法

以图片方式插入透明png

以CSS背景方式插入透明png

1. png阴影
2. png局部透明
3. png全透

IE7.js及IE8.js这是一个JavaScript library可以你的IE浏览器符合标准,目前的版本是:version2.0 (beta);

IE7.js 给ie5,6用

让ie5,6 可以使用css2.0的语言,跟ie7;的效果一样,主要是标準化

IE8.js 给ie5,6,7用

让ie5,6,7 模拟IE8,使用上部分新的语言如CSS3.0

使用方式,在页面加如下JS:

IE7.js:

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js" type="text/javascript"></script>
<![endif]--> 

IE8.js:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js" type="text/javascript"></script>
<![endif]--> 

注意事项:

1. png图片必需要以-trans.png结尾,才能使用透明。如：shadow.png换成shadow-trans.png
2. PNGTransparncyinIE方法在背景应用上只能做到background-image的效果, 背景重复坐标调用等暂时实现不了

JavaScript library还做出了很多更强大的改进详细参考：http://code.google.com/p/ie7-js/