IE10、IE11和Microsoft Edge的Hack

2016-07-04 22:48:44来源:威易网作者:icech
随着Win10的推广,Microsoft Edge浏览器已经越来越普遍,但是IE11也是伴随其中,尾大不掉。所以在前端开发的过程中,就会遇到IE10、IE11和Microsoft Edge的Hack问题。
随着Win10的推广,Microsoft Edge浏览器已经越来越普遍,但是IE11也是伴随其中,尾大不掉。所以在前端开发的过程中,就会遇到IE10、IE11和Microsoft Edge的Hack问题。 下面就介绍一下IE10、IE11和Microsoft Edge的Hack的大全: CSS-Hack for Microsoft Edge Browser 12+ @supports (-ms-accelerator:true) {
  .selector { property:value; }
}
CSS-Hack for Microsoft Edge Browser 12+ _:-ms-lang(x),
_::-webkit-meter-bar,
.selector {
    property:value;
}
CSS-Hack for Microsoft Edge Browser 12+ _:-ms-lang(x),
_:-webkit-full-screen,
.selector {
    property: value;
}
CSS-Hack for Microsoft Edge Browser 12 only @supports (-ms-accelerator:true) and (not (color:unset)) {
  .selector { property:value; }
}
CSS-Hack for Microsoft Edge Browser 13+ @supports (-ms-accelerator:true) and (color:unset) {
  .selector { property:value; }
}
CSS-Hack for Microsoft Edge Browser 13+ _:-ms-lang(x),
_::-webkit-meter-bar,
.selector {
    property:value;
}
CSS-Hack for Internet Explorer 11+(IE11、Edge) @charset "<Any Modern Browser but MSIE 10- or FF 18- >";
_:-ms-lang(x), .selector { property:value; }
CSS-Hack for Internet Explorer 11 only _:-ms-fullscreen,
:root .selector {
    property: value;
}
CSS-Hack for Internet Explorer 10+(IE10、IE11、Edge) _:-ms-lang(x),
.selector {
    property: value;
}
CSS-Hack for Internet Explorer 10 only _:-ms-lang(x),
.selector {
    property: value9;
}
CSS-Hack for Internet Explorer 9+(IE9、IE10、IE11) _::selection,
.selector {
    property: value;
}
CSS-Hack for Internet Explorer 8+(IE9、IE10、IE11) @media screen {
    .selector {
        property: value;
    }
}
Any non-Microsoft modern browsers (Safari 9+, Chrome 28+, Firefox 22+) @supports (not (-ms-accelerator:true)) { .selector { property:value; } }
更多浏览器Hack见:http://browserstrangeness.bitbucket.org/css_hacks.html
关键词:EdgeHackIE11

赞助商链接:

齐乐娱乐