参考文章:
要点总结:
css hack 原理是:依据不同浏览器对某些特殊字符是否能解析
举例:
.submit,
.reset,
.button,
.text,
.select,
.textarea,
.checkbox,
.radio {
margin: 0;
padding: 0;
border-width: 1px;
height: 17px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
*height:15px;
*width: 15px;
}
因为IE6和IE7不支持box-sizing属性,所以通过hack的方式*height:15px;
重新修改height的值。因为只有IE6和IE7能解析*,其他浏览器不行,所以当解析到这一行时,其他浏览器会将其忽略,而IE6和IE7能解析出来,并将上面设置的height: 17px;
覆盖。