今天来介绍一下 Css Hack
1.0、什么是 Css Hack?
针对不同的浏览器 或 浏览器不同版本写相应的CSS的过程,就是CSS hack
1.1、CSS Hack的原理
由于不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样,以及CSS优先级对浏览器展现效果的影响,我们可以据此针对不同的浏览器情景来应用不同的CSS。
1.2、CSS Hack分类
hack写法可分为3种:
- 条件hack
<!--[if IE]>
<style>
.test{color:red;}
</style>
<![endif]-->
- 属性级hack
// 2、属性hack(类内部hack)
.test{
.color:#090\9; /*For IE8*/
*color:#f00; /*For IE7 and earlier*/
_color:#ff0; /*For IE6 and earlier*/
}
比如IE6能识别下划线“”和星号“”,
IE7能识别星号“”,但不能识别下划线” ”,而firefox两个都不能认识。
background-color:red9; 9所有的ie浏览器可识别;
background-color:yellow0; 0 是留给ie8的,
- 选择符hack
// 3、选择符hack(选择器属性前缀法)
* htm .test{color:#0f90;} /*For IE6 and earlier*/
* + html .test{color:#ff0;} /*For IE7*/