Obwohl ich möchte, dass IE6 bald stirbt, ist meine subjektive Initiative doch zu begrenzt. Das Einzige, was wir tun können, ist, die durch IE6 verursachten Schmerzen zu lindern.
1. Verwenden Sie Dokumenttypen, um sicherzustellen, dass Ihre Seite im Standardmodus ausgeführt wird. Obwohl Sie sie verwenden, können Sie möglicherweise nicht viele Tags wie b, s, Schriftart usw. verwenden, aber sie können alle durch CSS ersetzt werden.
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2.“ http://www.w3.org/TR/html4/strict.dtd „>
Oder der einfachste <!doctype html">, der einzige von HTML5 erkannte Dokumenttyp, und der Browser konvertiert automatisch in den oben genannten. Verwenden Sie keine XML-Dokumentdeklaration. Ursprünglich wollte man HTML zu einem Übergangsprodukt machen, aber Wie jeder weiß, bin ich nur ein vorübergehender Besucher, und wenn ich es verwende, muss beim Knotennamen des Elements möglicherweise zwischen Groß- und Kleinschreibung unterschieden werden, was sehr problematisch ist.
2. Position verwenden: relativ
Berücksichtigen Sie beim Layout immer zuerst das positionierte Layout und dann das schwebende Layout. Das Floating-Modell von IE ist verrückt.
3. Verwenden Sie display:inline
Wenn Sie Floats verwenden müssen, folgen Sie ihnen mit display:inline. Denn es gibt einen Fehler, der im IE6 leicht auftritt. Es wird angezeigt, solange für das Blockcontainerelement ein Float- und ein Margin-Wert in derselben Richtung wie der Float festgelegt sind. Wenn wir beispielsweise float:left und margin-left:100px für das div-Element festlegen, wird es in IE6 zu margin-left:200px.
4. Bitte verwenden Sie keine Kommentarknoten. Hier sind zwei hasserfüllte Dinge im Spiel. Einer davon ist ein redundanter Charakterfehler. Sie können sich auf den Artikel „Phantom of the Opera Bug“ von Yang Zhengyi (Ah Yi) in diesem Blog beziehen. Der zweite Grund ist ein Fehler in den gesamten Such-APIs document.all, document.getElementsByTagName und document.querySelectorAll, die möglicherweise alle Kommentarknoten zurückgeben.
5. Denken Sie für den Hover-Effekt daran, das a-Element mit dem href-Attribut zu verwenden, um es im IE zu verschachteln: Hover ist nur für das a-Tag wirksam und für das Tag muss das href-Attribut explizit festgelegt sein.
6. Verwenden Sie in den Stileinstellungen keine Prozentsätze
IE hat ein Problem mit der Berechnung von Prozentsätzen.
7. Lassen Sie das Element hasLayout erhalten
Für weitere Informationen googeln Sie bitte Baidu nach dieser großartigen akademischen Studie „Über das Layout“. Wir können el.currentStyle.hasLayout verwenden, um zu erkennen, ob ein Layout erhalten wurde. Eine universelle Methode zum Erhalten eines Layouts ist zoom:1.
8. Halten Sie sich strikt an die Verschachtelungsregeln von (x)html. Die Verschachtelungsregeln werden im Dokumenttyp definiert und das Dokument wird entsprechend analysiert, obwohl die aktuellen Browser sehr auffällig sind verrückt, es ist besser, vorsichtig zu sein. Obwohl einige Elemente automatisch geschlossen werden, sollten wir sie selbst schließen. Es ist sehr wichtig, gute Gewohnheiten zu entwickeln.
9. Verbessern Sie Ihre JavaScript-Kenntnisse
IE6 unterstützt viele Dinge nicht oder nicht gut, aber wir können JavaScript verwenden, um fast alle davon zu simulieren, z. B. verschiedene Beziehungs-Pseudoklassen, Subelement-Filter-Pseudoklassen, Attribut-Pseudoklassen und Ziel-Pseudoklassen , minimale und maximale Breite, PNG-Transparenzproblem ...
10. Besuchen Sie meinen Blog öfter und versuchen Sie, runde Glückszahlen zu erfinden. Wenn ich gute Sachen oder Fehler finde, werde ich sie Ihnen so schnell wie möglich melden~~~^_^