IE6、IE7、IE8、Firefox、Chrome 等浏览器兼容的CSS hack

最近做了比较多的网页前端开发，对于CSS的兼容问题比较头大，不过幸好，有个叫CSS Hack的东西，有些问题只要做一些针对性的设置，问题就可以解决了。那么，什么事CSS Hack呢？

由于不同的浏览器，比如IE6、IE7、IE8、Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack，也叫写CSS hack。

 

各浏览器CSS hack兼容表：

	IE6	IE7	IE8	Firefox	Chrome
!important		Y	Y	Y	Y
_	Y
*	Y	Y
+		Y
\9			Y

代码示例：

#test {
     color: red ; / * 所有浏览器都支持 * /
     color: red !important ;/ * Firefox 、 IE7 、 IE8 支持 * /
     color: red \ 9 ; / * IE8 支持 * /
     * color: red ; / * IE6 、 IE7 支持 * /
    + color: red ; / * IE7 支持 * /
    _ color: red ; / * IE6 支持 * /
}

http://hpyer.cn/css-hack-for-ie6-ie7-ie8-firefox-chrome.html