您现在的位置:首页 > 前端教程 > Javascript教程

js解决IE6的png问题

时间:2009-07-23  来源:cssrain  作者:cssrain  点击数:47

原文地址:http://www.cssrain.cn/article.asp?id=1355Rb7BeautyCss.org - 前端教程网

IE6 png 如果是8位的,可以透明,但8位的有毛边,跟gif就差不多了。Rb7BeautyCss.org - 前端教程网
如果要用24位,则需要使用ie的滤镜解决。Rb7BeautyCss.org - 前端教程网
Rb7BeautyCss.org - 前端教程网
看下面的例子:Rb7BeautyCss.org - 前端教程网
一个纯JavaScript的:Rb7BeautyCss.org - 前端教程网
http://www.cssrain.cn/demo/ie6png/Supersleight/demo.htmlRb7BeautyCss.org - 前端教程网
Rb7BeautyCss.org - 前端教程网
jQuery pngfix 插件实现的:Rb7BeautyCss.org - 前端教程网
http://www.cssrain.cn/demo/ie6png/jQueryPNGfix/demo.htmlRb7BeautyCss.org - 前端教程网
Rb7BeautyCss.org - 前端教程网
看了上面2个例子,你也许知道它们还有2点没实现,那就是不支持CSS中backgrond-position与background-repeat。Rb7BeautyCss.org - 前端教程网
Rb7BeautyCss.org - 前端教程网
当然国外已经有解决方案了,看下面例子:Rb7BeautyCss.org - 前端教程网
http://www.cssrain.cn/demo/ie6png/DD_belatedPNG/demo.htmlRb7BeautyCss.org - 前端教程网
官方站点:http://dillerdesign.com/experiment/DD_belatedPNG/Rb7BeautyCss.org - 前端教程网
Rb7BeautyCss.org - 前端教程网
他的原理就是利用微软的VML语言进行绘制,跟其它的利用AlphaImageLoader滤镜不同。Rb7BeautyCss.org - 前端教程网
Rb7BeautyCss.org - 前端教程网
当然在实际项目中,可能会遇到问题,就是他会增加额外代码,比如在页面中增加了一些xml,Rb7BeautyCss.org - 前端教程网
导致有的效果有点问题。 不过可以变通的解决。Rb7BeautyCss.org - 前端教程网
利用XX的话来说:用好这个东西 需要有一点技巧。Rb7BeautyCss.org - 前端教程网
Rb7BeautyCss.org - 前端教程网
Rb7BeautyCss.org - 前端教程网
切记:根据项目的实际使用程序,选择相应的脚本,避免带来额外麻烦。Rb7BeautyCss.org - 前端教程网
Rb7BeautyCss.org - 前端教程网
打包下载:http://cssrain.cn/demo/ie6png/ie6png.rarRb7BeautyCss.org - 前端教程网
Rb7BeautyCss.org - 前端教程网

来顶一下