如何让ie6支持PNG

所属分类:Css 2009-10-9,02:23 627 views

如何让ie6支持PNG呢

相信大多数网站从业者都曾遇到过这种情况

1.需要半透明效果支持,gif图片能办到,却有锯齿

2.png半透明图片没有锯齿,换成Png修饰,ie6却不支持png半透明

3.借用google广告的一句话:孔子曾经曰过,知之为知之,不知Google之…不管是google还是百度,找了许多,但是很多都不奏效。

那么究竟如何使ie6支持png的半透明呢?如下:

.classname{

background:url(imgADD.png) no-repeat left bottom;

}

/* IE6 */

* html .classname{

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’imgADD.png’, sizingMethod=’crop’);

}

/* IE7 */

*+html .classname{

background:url(imgADD.png) no-repeat left bottom!important;

}

在CSS中依次按照上述格式和顺序书写即可解决IE6支持PNG透明。

.idOrClassName{
height:500px;
width:100%;
background:url(imgADD.png) no-repeat left bottom;
}
/* IE6 */
* html .idOrClassName{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’imgADD.png’, sizingMethod=’crop’);
}
/* IE7 */
*+html .idOrClassName{
background:url(imgADD.png) no-repeat left bottom!important;
}

在CSS中依次按照上述格式和顺序书写即可解决IE6支持PNG透明。

Leave a Reply