关于IE6 PNG透明。

  
  
IE6 png 如果是8位的,可以透明,但8位的有毛边,跟gif就差不多了。
如果要用24位,则需要使用ie的滤镜解决。

看下面的例子:
一个纯JavaScript的:
http://www.cssrain.cn/demo/ie6png/Supersleight/demo.html

jQuery pngfix 插件实现的:
http://www.cssrain.cn/demo/ie6png/jQueryPNGfix/demo.html

看了上面2个例子,你也许知道它们还有2点没实现,那就是不支持CSS中backgrond-position与background-repeat。

当然国外已经有解决方案了,看下面例子:
http://www.cssrain.cn/demo/ie6png/DD_belatedPNG/demo.html
官方站点:http://dillerdesign.com/experiment/DD_belatedPNG/

他的原理就是利用微软的VML语言进行绘制,跟其它的利用AlphaImageLoader滤镜不同。

当然在实际项目中,可能会遇到问题,就是他会增加额外代码,比如在页面中增加了一些xml,
导致有的效果有点问题。 不过可以变通的解决。
利用XX的话来说:用好这个东西 需要有一点技巧。


切记:根据项目的实际使用程序,选择相应的脚本,避免带来额外麻烦。

打包下载:http://cssrain.cn/demo/ie6png/ie6png.rar



作者:admin
时间:2009-05-21
标签:ie6 png
评论:12
查看:5168

如果你有什么好文章,请与我们分享。cssrain[at]gmail.com    我要投稿

为了使你得到本站最新信息,建议你订阅本站。点击此处订阅

广告也精彩:

liya_love [2009-09-23 04:53 PM]
IE6下图片repeat不对,显示是拉伸
织梦文学 [2009-07-31 11:51 AM]
太强大了,学习
admin [2009-07-01 09:33 PM]
@benvv:
这个倒没注意。
benvv [2009-07-01 04:52 PM]
发现一问题~!!对于不限定height高度的background-repeat好像不起作用~!!!不知道发现这个问题没有~!!......关注
softlover [2009-06-27 11:32 AM]
Thanks
ben [2009-06-23 09:43 AM]
以前解决png的background-repeat的方法就是用iepngfix_v2,但早成IE6延迟实在让人头疼,这次应该算是真正解决了这个问题,很不错......
benvv [2009-06-23 09:34 AM]
解决了PNG的background-repeat~!!赞~!!
gaoang [2009-06-03 11:15 AM]
目前这种比较好。应该使你ie6版本问题。
gotochenjie [2009-06-03 09:39 AM]
IE6下透明分背景图透明和插入图透明?
有什么通用方法吗?
gotochenjie [2009-06-03 09:35 AM]
恩 绿色版的  我装IE7了 好像不能装IE6了 只能弄个绿色版的

发表评论

虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.

必须

游客发言不需要密码.

=8+4

注:长时间未操作页面,验证码会失效。