Extra CSS für Microsofts Browser

Besondere Einstellungen für einen ganz besonderen Browser.

Eines hört man bei Webentwicklern häufig: "IE ist Mist!". Das hat sich seit ewigen Jahren immer weiter fortgesetzt und auch Heute ist dieses Thema noch aktuell.

Wenn eine neue Webseite umgesetzt wird, kommt am Ende die Stunde der Wahrheit: Der IE-Test.

Browserkompatibilität ist heute sehr wichtig. Man sollte in Agenturen allerdings bei Neuersstellungen darauf achten, dass die Klausel "für Moderne Browser" im Angebot steht. Modern ist nur der IE11 und Edge, wobei man auch hier streiten kann ;)

Trotz aller Mühe kommt es immer noch vor, dass ein Schnipsel CSS entweder im IE perfekt funktioniert, oder in sogut wie allen anderen Browsern. Dann liegt es auf der Hand - extra CSS für den IE.

Folgende Snippets können verwendet werden um Browser zu identifizieren:

Internet Explorer 9, 10 und 11 

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    body {

        background-color: red

    }

}

Microsoft Edge 

@supports (-ms-accelerator:true) {

    body {

        background-color: red

    }

}