IE6、7、8,火狐等浏览器常见兼容性问题整理

首先,浏览器兼容性的问题有很多,要在工作中不断总结,这里根本不可能说全,非常欢迎您用评论的方式帮我补充。

IE6能识别下划线”_”和星号” * “,IE7能识别星号” * “,但不能识别下划线”_”,IE8能识别” 9″,但不能识别下划线”_”,而firefox两个都不能认识,却可以识别‘!important’。等等
书写顺序,一般是将识别能力强的浏览器的CSS写在后面。下面列举常用的CSS hack方法:

1:!important
!important作用是提高指定样式规则的应用优先权。
IE7以及所有标准浏览器能识别!important
区别IE6与IE7与其他浏览器

.browserTest {
border:20px solid #60A179 !important;
border:20px solid #00F;
}

在Mozilla中或者IE7浏览时候,能够理解!important的优先级,因此显示#60A179的颜色:
在IE6中浏览时候,不能够理解!important的优先级,因此显示#00F的颜色:

2:*
IE都能识别*;标准浏览器(如火狐)不能识别*
区别IE与火狐

.browserTest {
border:20px solid #60A179;
*border:20px solid #00F;
}

区别IE7,IE6与火狐

.browserTest{
border:20px solid #60A179;
*border:20px solid #00F !important;
*border:20px solid ###;
}

3:_
IE6支持下划线,IE7和firefox均不支持下划线
区别IE7,IE6与火狐

.browserTest {
border:20px solid #60A179;
*border:20px solid #00F;
_border:20px solid ###;
}

Read More