浏览器CSS兼容性问题解决方案整理

1、CSS Hack

使用 hacker 可以把浏览器分为3类：IE6；IE7和遨游；其他（IE8 Chrome ff Safari opera等）
（1）IE6认识的 hacker 是 下划线 _ 和星号 *
（2）IE7和遨游认识的 hacker 是 星号 *
如： height:300px;*height:200px;_height:100px;
（1）IE6浏览器在读到 height:300px 的时候会认为高时 300px
继续往下读，他也认识 *heihgt ， 所以当IE6读到 *height:200px 的时候会覆盖掉前一条的相冲突设置，认为高度是 200px 。
继续往下读，IE6还认识 _height ,所以他又会覆盖掉 200px 高的设置，把高度设置为 100px 。
（2）IE7和遨游也是一样的从高度 300px 的设置往下读。当它们读到 *height:200px 的时候就停下了，因为它们不认识 _height 。
所以它们会把高度解析为 200px ，剩下的浏览器只认识第一个 height:300px ;
所以他们会把高度解析为 300px 。因为优先级相同且想冲突的属性设置后一个会覆盖掉前一个，所以书写的次序是很重要的。

2、CSS 样式兼容不同浏览器问题

所有浏览器通用： height: 100px;
IE6 专用： _height: 100px; 或者 *height: 100px;
IE7 专用： *+height: 100px;
IE7、FF 共用： height: 100px !important;
以下两种方法几乎能解决现今所有兼容：
（1） !important
随着IE7对 !important 的支持, !important 方法现在只针对IE6的兼容(注意写法，记得该声明位置需要提前)

.box {
  width: 100px !important; /* IE7+FF */
  width: 80px; /* I