Wie richtet man ein CSS speziell für Internet Explorer und Edge ein?

Question

Ich habe große Probleme mit Internet Explorer ist ein Schmerz und störend auf meine website, (siehe andere Frage/mein Problem here).

Mein Problem: ich auf diesem website ein interaktives Bild, das wie ein Bild Karte wirkt - da alle Punkte auf das Bild, und wenn die Maus über einem schwebt, dehnt es sich in einem größeren Feld (diese Information enthält . ich habe 6 Punkte auf der Seite Dies funktioniert perfekt in allen außer IE & Edge-Browser

Was in IE/edge passiert... die Punkte sehr glitchy sind und erweitern nicht richtig Obwohl der Unterseite 3 Punkte funktionieren ziemlich gut aus irgendeinem Grund.

Deshalb denke ich darüber nach, ein separates Stylesheet für IE zu erstellen.

Ich denke, der einzige Weg, es zu tun ist, eine völlig andere Sektion von CSS, speziell für Internet-Explorer zu erstellen. Ich würde dann gerne die css speziell für IE von meinem HTML aus steuern, anstatt ein separates Stylesheet zu haben.

Wie würde ich das machen?

Diese IE issue hat mich seit Ewigkeiten geplagt, wenn jemand die Antwort weiß, würde ich überglücklich sein.

Jede Hilfe wird geschätzt. Prost.

Answer 1

Typ im Kopfbereich (in HTML)

<!--[if IE]> 

<link rel="stylesheet" type="text/css" href="ie.css"> 

<![endif]--> 

und erstellen ie.css (oder welchen Namen Sie haben wollen) und hier alles, was man nur für IE-Browser ausgeführt werden schreiben wird (alle Versionen).

Wenn Sie nur für eine bestimmte Version von IE (IE8, IE7 ..) wollen, ersetzen Sie von IE mit "IE 8" oder "IE 7" (ohne Anführungszeichen). Auch hier ist mehr Codes:

<!-- [if gte IE 8]> 
<link> 
<![endif]--> 

gte als gleich größer =, und Sie können gte ersetzen mit: lt = kleiner, lte = kleiner gleich gt = größer.

Sorry für Englisch