解决方法是
1:修改父级元素属性值，避免使用浮动

2:在该标签中加上display:inline

3：使用HAKE

1.区分ie6,ie7,firefox
#abc{
background:orange
}/*标准样式，三种浏览器都能理解*/
*+html #abc{
background:green
}/*IE7独有HACK，只有IE7可以理解，后复盖前，所以IE7会使用这个样式*/
* html #abc{
background:blue
}/*IE6独有HACK，只有IE6可以理解，后复盖前，所以IE6会使用这个样式*/

2.区分ie6和ie7,firefox(ie7与firefox效果同)
#abc{
background:orange !important;background:blue
} /*!important有优先作用，并且IE7和FF都能理解这个HACK，所以此样式在IE7与FF下应该解析为橙色，IE6应该解析为蓝色*/

以上就是区分ie6,ie7,firefox的css hack的推荐写法。

以下写法不推荐：
比较普遍的就是*和_写法！
用这种写法去区分IE6和IE7以及FF，如
#abc{background:orange;*background:green;_background:blue;}

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

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透明。