css ie6,7,8,firefox兼容解决方法

今天做了一个静态页面，结果ie和ff下样式怎么都不兼容，后来在网上找了很多资料，总算解决了这个问题。

各个浏览器版本下对样式的唯一写法

FF：height:50px !important; 或者height:50px;(FF相对IE来说，对w3c标准支持的更好一些，所以经常都是标准写法)

IE6：_height:50px;(这种写法只能被IE6识别)

IE7：*+height:50px;(这种写法只能别IE7识别)

IE8：height:50px\0;(这种写法智能被IE8识别)

例子：.test{

padding-top:18px;  /*FF*/

*+padding-top:7px;  /*IE7*/

_padding-top:6px;  /*IE6*/

padding-top:12px\0  /*IE8*/

}

注意：一定要已这样的顺序来写，因为通用的写法被所有浏览器识别，而样式又是最后识别原则（就是当识别第一个样式以后，后面又出现同样的样式，那后面的会覆盖前面的），所以顺序错了，结果也不会是你要的。