现在的位置: 首页 > 综合 > 正文

ie6下png透明

2012年10月13日 ⁄ 综合 ⁄ 共 750字 ⁄ 字号 评论关闭

PNG-8 和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明。我们通常说的“IE6 不支持 PNG
透明”,是指不支持 PNG-24 的透明(将透明区域显示为灰色)。但是 IE6 支持 PNG-8 的透明,就像支持 gif 的透明一样。
首先要先了解一下关于透明 http://hi.baidu.com/hongz1125/blog/item/73bfa6af951227c57dd92a06.html

background:url("nav.png");
/* 1针对ie6的。现在虽然css和image在同一个目录,但是src中还是要有image */
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="image/nav.png";
_background:none;

/* 2对于现在这样的透明,还可以通过alpha滤镜 */
/* _filter:alpha(opacity=60); */

/* 3使用ie特有的behavior属性 ,网址http://www.twinhelix.com/css/iepngfix/。这里的blank文件位置如果不在根目录下时,需要在htc中配置。发现这个不支持部分透明,全透明了。*/
/* _behavior:url(iepngfix.htc); */

JS版的。

jquery的pngfix。http://jquery.andreaseberhard.de/pngFix/

这个用的是vml,据说效果最好的。http://www.dillerdesign.com/experiment/DD_belatedPNG/#download

代码示例

【上篇】
【下篇】

抱歉!评论已关闭.