Browser Bändigen CSS-Hacks / -Selektoren für Microsoft Edge (Spartan), IE11, IE10 und IE9

Obgleich Microsofts Internet Explorer mit jeder Version “schneller, innovativer und sicherer” wird, kommen Webentwickler bisweilen nicht umher, kreative Darstellungs”features” jenes fortschrittlichen Browsers aus Redmond gezielt auszubügeln. Ungeachtet der kloßbrühenklaren Tatsache, dass Browserweichen per se ein Unding modernen Web Engineerings darstellen. Dies erkannte letzten Endes gar Microsoft – und beendete ab Internet Explorer 10 dankbarerweise die Unterstützung der hassgeliebten Conditional Comments zur Ausführung unterschiedlichen HTMLs.

Lange Rede, kurzer Sinn: Die Idee war gut. In der freien Wildbahn hingegen sind mitunter weiterhin korrigierende Deklarationen für die verschiedenen Versionen des Internet Explorers und ggf. sogar des neuen Windows 10-Steckenpferdes Microsoft Edge (Projektname: Spartan) von Nöten. Nachfolgend findet sich daher eine kurze Auflistung bewährter CSS-Hacks / CSS-Selektoren für Microsoft Edge, IE11, IE10, IE9 sowie IE8. Und der Rest? Nun, alle niedrigeren Internet Explorer-Versionen sollen gepeinigt in der Hölle schmoren 😀

CSS-Hack für Micosoft Edge (Project Spartan) ONLY

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

CSS-Hack für Internet Explorer 11 ONLY

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

CSS-Hack für Internet Explorer 10 + IE11

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

CSS-Hack für Internet Explorer 10 ONLY

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

CSS-Hack für Internet Explorer 9 + IE10, IE11

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

CSS-Hack für Internet Explorer 9 ONLY

@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
    .selector {
        property: value;
    }
}

CSS-Hack für Internet Explorer 8 + IE9, IE10, IE11

@media screen\0 {
    .selector {
        property: value;
    }
}

CSS-Hack für Internet Explorer 8 ONLY

@media \0screen {
    .selector {
        property: value;
    }
}

So. Noch mehr Hacks für weitere Versionen des Internet Explorers oder gar andere gängige Browser à la Chrome & Firefox gefällig? Dann guckst du schleunigst mal bei browserstrangeness.bitbucket.org vorbei – hier wird dir geholfen 🙂