如何让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透明。