IE6,7,8,FF css hack
CSS兼容性一直是大家头疼的问题，现在说说如何区分这几个浏览器，IE6、IE7、IE8和FF，IE8均指IE8正式版,版本号:8.0.6001.18702。
以颜色为例来说如何区分这几个浏览器：
.csshack{
color:#f00; /*firefox等对css支持好的浏览器 显示为红色*/
color:#00f\9; /*IE8可识别 覆盖上面规则 显示为蓝色*/
*color:#0f0!important; /*IE7可识别 覆盖上面规则 显示为绿色*/
*color:#000;/*_color:#000;*/ /*IE6可识别 覆盖上面规则 显示为黑色*/
}
这里的"\9"可以区别所有IE和FireFox.
"*" IE6、IE7可以识别.IE8、FireFox不能.
"_" IE6可以识别"_",IE7、IE8、FireFox不能.
IE7、IE8都可识别!important。
如此,就可以完全区分开IE6、IE7、IE8、FireFox了.
不过这里要注意书写的顺序：现在浏览器的写法要写在最前面，IE6的写法要写在最后面用于覆盖，其他浏览器写在中间。
区别IE6与FF： background:orange;*background:blue;
区别IE6与IE7： background:green !important;background:blue;
区别IE7与FF： background:orange; *background:green;
区别FF/IE7/IE6： background:orange;*background:green !important;*background:blue;
注：IE都能识别*标准浏览器(如FF)不能识别*
IE6能识别*，但不能识别 !important
IE7能识别*，也能识别!important
FF不能识别*，但能识别!important
IE6支持下划线，IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6、IE7、firefox
: background:orange;*bac
相关文档：
浏览器兼容可以说是前端开发所要面对的第一个挑战，目前我的电脑上已经安装了6种浏览器（基于IE内核的不算，如Maxthon等）。
CSS hacks利用浏览器的漏洞来隐藏特定浏览器的CSS规则。实现浏览器兼容主要有两种方式条件样式表和CSS Hacks（Selector Hacks、Attribute Hacks）。对此根据一些资料汇总了一些CSS Hacks方法� ......
一．文件命名规范
全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；
二．常用类/ID命名规范
页 眉：header
内 容：content
容 器：container
页 脚：footer
版 权：copyright
导 航：menu
主导航：mainMenu
子导航：subMenu
......
使网页变灰，有两种方法可实现：
第一种，全部变灰：
<style type="text/css">
html { FILTER: gray }
</style>
第二种，局部变灰，广告代码不会变灰：
<style type="text/css">
BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style> ......
选择器 语法 描述 示例 标签选择器 E{ .....} 以文档元素作为选择符 td{font-size:14px;
......} ID选择器 #ID{...} 以文档元素的惟一� ......
