IE bug兼容问题一——hack

由于不同的浏览器对CSS的解析认识不一样，比如IE 6,IE 7,Firefox等，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。我们最常用的就是这在一些css样式前面加上-webkit-、-moz-等。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack。

##各浏览器兼容标记

标签	IE 6	IE 7	IE 8	Firefox	Opera	Sarari
-	√
*	√	√
*+		√
\9 或 .	√	√	√
\0			√		√
@-moz-document url-prefix(){样式}			&nbs	√<
@media screen and (-webkit-min-device-pixel-ratio:0){样式}						√

针对ie某些低版本的浏览器对某些样式不支持的情况下，可以在样式前面加上这些标签，以此达到样式兼容的目的。 ###示例：

< div class =”div”></ div >

/*一个用于展示的class为bb的div标签*/

.div{

height:32px;

background-color:#f1ee18;          /*所有识别*/

.background-color:#00deff\9;     /*IE6、7、8识别*/

+background-color:#a200ff;      /*IE6、7识别*/

_background-color:#1e0bd1;     /*IE6识别*/

}

[更多详细见图：](http://files.jb51.net/do/uploads/allimg/100520/2355360.gif)