首页 > 求一个专属ie8的hack

求一个专属ie8的hack

在项目中遇到这样一个问题:给几个垂直排列的div 加上上下margin,结果在Ie8里解析出来的边距重叠了,想利用CSS hack解决问题,于是我是这样写的:

.input-group {
    margin: 20px 0px;margin: 35px 0px\0;
}

经测试,发现\0的写法可以被ie9识别,于是在ie9+的浏览器下看,margin又太大了,
请问有没有一种针对ie8的hack呢?


这样试试:
.input-group{margin:35px 0\0;}
:root .input-group{margin:20px 0}


你可以使用针对ie6,7,9hack来覆盖掉原本的属性。注意书写属性的顺序。

针对IE8正式版的CSS hack


http://www.cnblogs.com/dolphinX/p/3292630.html
试试这里介绍的,其中IE8识别\0,IE9能识别\9\0。
.input-group {
margin: 35px 0px\0; /** IE8 /
margin: 20px 0px\9\0; /
IE9 **/
margin: 20px 0px;
}
另外你可以在页面<html>做判断:
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
还有个奇葩的IE8专属Hack,本人没尝试过:http://.com/q/1010000002887894/a-1020000002889598

【热门文章】
【热门文章】