求一个专属ie8的hack

发布于 2022-09-01 12:12:11 字数 250 浏览 20 评论 0

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

李不 2022-09-08 12:12:11

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://segmentfault.com/q/1010000002887894/a-1020000002889598

苯莒 2022-09-08 12:12:11

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

针对IE8正式版的CSS hack

思念满溢 2022-09-08 12:12:11

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文