Heim  >  Artikel  >  Web-Frontend  >  Einige der grundlegendsten Fehler und Lösungen in IE-Browsern in CSS

Einige der grundlegendsten Fehler und Lösungen in IE-Browsern in CSS

云罗郡主
云罗郡主nach vorne
2018-10-27 13:54:221870Durchsuche

Wie behebt man Fehler in CSS? Ich glaube, dass viele Freunde, die gerade mit CSS im IE-Browser in Berührung gekommen sind, solche Fragen haben werden. In diesem Kapitel werden Ihnen einige der grundlegendsten Fehler und Lösungen in IE-Browsern in CSS vorgestellt. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Einige der grundlegendsten Fehler und Lösungen in IE-Browsern in CSS

1. IE6-Fehler mit doppeltem Rand

Wenn Elemente auf der Seite mithilfe von Float verschoben werden, sei es nach links oder nach rechts left Float nach rechts; solange das Element ein Randpixel hat, wird der Wert mit 2 multipliziert, zum Beispiel „margin-left:10px“ In IE6 wird der Wert als 20px analysiert. Um diesen Fehler zu beheben, müssen Sie dem Element display:inline oder display:block hinzufügen und seinen Elementtyp klären, um den Fehler mit dem doppelten Rand zu beheben.

2. 3-Pixel-Problem und Lösung in IE6

Wenn ein Element mit Float verschoben wird, wird eine 3-Pixel-Lücke zwischen dem Element und benachbarten Elementen erzeugt. Das Seltsame ist, dass, wenn die Höhe des Containers auf der rechten Seite nicht festgelegt ist, die 3-Pixel-Lücke innerhalb des angrenzenden Containers liegt. Wenn die Höhe festgelegt ist, geht sie auf die gegenüberliegende Seite des Containers. Um diese Art von Fehler zu beheben, müssen Sie allen in derselben Zeile angeordneten Elementen Float hinzufügen.

3. FEHLER der ungeraden Breite und Höhe in IE6

Es gibt einen gewissen Unterschied zwischen der Anzeigegröße ungerader Höhe und Breite in IE6 und der Anzeigegröße gerade Höhe und Breite. Das Hauptproblem ist die ungleiche Höhe und Breite. Um ein solches Problem zu lösen, versuchen Sie einfach, die Höhe und Breite des extern positionierten Div als gerade Zahl zu schreiben.

4. Es gibt eine Lücke unter dem Bildlink in IE6

Es wird eine gewisse Lücke unter dem Bild in IE6 geben, insbesondere wenn das Bild vertikal daneben liegt Auf dem Bild ist diese Lücke zu erkennen. Um diese Art von Problem zu lösen, müssen Sie das img-Tag als display:block definieren oder das Attribut definieren, das der vertikalen Ausrichtung entspricht. Sie können auch Schriftgröße:0

für den Stil schreiben, der Bild 5 entspricht. Die Höhe leerer Elemente unter IE6 ist BUG

Wenn kein Inhalt vorhanden ist in einem Element, wenn beim Festlegen einer Höhe zwischen 0 und 19 Pixel für dieses Element im Stil. Die Höhe dieses Elements beträgt immer 19 Pixel.

Es gibt vier Lösungen:

1. Fügen Sie Folgendes hinzu: overflow:hidden zum CSS des Elements

2. Fügen Sie HTML-Kommentare in das Element ein:

3. Fügen Sie das HTML-Leerzeichen in das Element ein:  

4. Fügen Sie dem CSS des Elements hinzu: font-size:0

6. FEHLER durch wiederholten Text

In einigen komplexeren Layouts werden manchmal die letzten Zeichen des Floating-Elements unter dem Clear-Element angezeigt.

Die Lösung lautet wie folgt:

Stellen Sie sicher, dass alle Elemente display:inline haben

2. Verwenden Sie „margin-right:-3px“

Element

3. Fügen Sie einen bedingten Kommentar zum letzten Eintrag des schwebenden Elements hinzu, xxx

4 , dafür Das angegebene div sollte die Breite des Containers 7 nicht überschreiten. Der Z-Index schlägt in IE6 fehl. Der spezifische Fehler besteht darin, dass der Z-Index des übergeordneten Elements festgelegt ist 1. Dann ist der Z-Index seiner untergeordneten Elemente ungültig und seine Ebene erbt die Einstellungen des übergeordneten Elements, was zu einigen Fehlern bei der Ebenenanpassung führt.

Schlussfolgerung: Tatsächlich gibt es viele Fehler IE6. Die Lösungen können durch die Verwendung von display:inline, font-size:0 und float gelöst werden. Daher müssen wir beim Schreiben von Code bedenken, dass dem Element ein display:inline-Stil hinzugefügt werden muss Vermeiden Sie das Problem der Stilstörung, um zu verhindern, dass die Höhe des DIV die Schönheit des Layouts beeinträchtigt, um einige Kompatibilitätsprobleme zu vermeiden 🎜>Das Obige ist für CSS. Eine vollständige Einführung in einige der grundlegendsten Fehler in IE-Browsern und deren Lösungen. Wenn Sie mehr über CSS-Video-Tutorials erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an . >

Das obige ist der detaillierte Inhalt vonEinige der grundlegendsten Fehler und Lösungen in IE-Browsern in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:lvyestudy.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen