建站资讯

IE10、IE11和Microsoft Edge的Hack

作者:admin 发布时间:2020-07-26
IE10、IE11和Microsoft Edge的Hack :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 Explorer 11+(IE11、Edge)

@charset Any Modern Browser but MSIE 10- or FF 18-
_:-ms-lang(x), .selector { property:value; }

CSS-Hack Explorer 11 only

_:-ms-fullscreen,
:root .selector {
  property: value;
}

CSS-Hack Explorer 10+(IE10、IE11、Edge)

_:-ms-lang(x),
.selector {
  property: value;
}

CSS-Hack Explorer 10 only

_:-ms-lang(x),
.selector {
  property: value9;
}

CSS-Hack Explorer 9+(IE9、IE10、IE11)

_::selection,
.selector {
  property: value;
}

CSS-Hack 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; } }


关键字:EdgeHackIE11

收缩