解决IE6下透明PNG图片有灰底的

方法很简单就是在css里面使用filter滤镜

.r_f_l li.cur {
background: url("bg_nav_edito_sel2.png") no-repeat right top; border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentColor rgb(184, 184, 184) currentColor currentColor; padding: 1px 0px 0px; width: 262px; color: rgb(255, 255, 255); display: block;
}

*html .r_f_l li.cur
{display:block; width:262px;height:58px;color: #fff;border: 0;border-right:1px solid #B8B8B8; padding:0; 

filter: progid:DXImageTransform.Microsoft.AlphaImageLoade(enabled=true, sizingMethod=noscale, src="http://images.cnblogs.com/bg_nav_edito_sel2.png");background:none; 
}

 *html是ie6的hack 关键就是红色部分

这个filter的src路径一定要完整的路径,很多人没注意这个。我刚开始就是填和上面background: url("bg_nav_edito_sel2.png")里面的路径。。。图片在IE6一直不显示

要注意的地方就这个。

posted @ 2012-06-26 10:37  yanqing07  阅读(189)  评论(0编辑  收藏  举报