IE10, IE11, and Microsoft Edge hack

IE10, IE11, and Microsoft Edge hack

With the promotion of WIN10, Microsoft Edge Browser has become more and more common, but IE11 is also accompanied by, cumbersome.

First, look at the concepts, such as: Microsoft Edge Browser and edgehtml are two different things. Edge is a browser, and edgehtml is a rendering engine that handles and renders page elements . Since the two are fundamentally different, their newer versions are quite distinct. If a site relies on the engine version number, not the browser version, it can cause a site error.

Here's a look at the hack of IE10, IE11 and Microsoft Edge:

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

@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 one-only

_:-ms-fullscreen,
: Root. selector {
Property:value;
}

Css-hack for Internet Explorer (IE10, IE11, Edge)

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

Css-hack for Internet Explorer

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

Css-hack for Internet Explorer + (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 +, Chrome 28+, Firefox 22+)

@supports (not (-ms-accelerator:true)) {

. selector {

Property:value;

}

}

IE10, IE11, and Microsoft Edge hack