原创

CSS-IE中的css样式兼容不同ie版本处理

<style type="text/css">
    .ie {
        margin-top: 140px\9;
        /*IE9 10 都可以*/
        *margin-top: 140px;
        /*IE7 */
        _margin-top: 140px;
        /*IE6 */
    }

    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
        /*IE10+,用于去掉上面10的样式，只保留ie9*/
        .ie {
            margin-top: 0px;
        }
    }

    另外补充:
    /* Chrome 和 opera */

    @media all and (min-width:0) {
        .divContent {
            background-color: #eee;
        }
    }
    /* IE9+ */

    @media all and (min-width:0) {
        .divContent {
            background-color: #eee;
        }
    }
    /* IE10+ */

    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
        .divContent {
            background-color: #eee;
        }
    }
    参考:
     http://www.webkaka.com/tutorial/html/2015/080912/
     https://blog.csdn.net/woshixuye/article/details/9143949

    ie上页面布局错位 margin:0 auto; 无效：
    多是没有设置min-width max-width
</style>

正文到此结束

所属分类：前端基础

本文标签： CSS
本文链接： https://code.jiangjiesheng.cn/article/67
版权声明： 本文由小江同学原创发布，转载请先联系本站长，谢谢。

CSS-IE中的css样式兼容不同ie版本处理

热门推荐

相关文章

说给你听

本文目录

标签云

近期评论

网站信息