Einige häufige CSS-BUG-Lösungen für IE6

Über einige häufige CSS-BUG-Verarbeitung in IE6

CSS-BUG: Das Problem, dass Stile in verschiedenen Browsern inkonsistent analysiert werden oder dass CSS-Stile in Browsern nicht korrekt angezeigt werden können, wird CSS-BUG genannt 🎜>CSS-Hack: CSS-Hack bezieht sich auf eine Technik, die mit CSS kompatibel ist und in verschiedenen Browsern korrekt angezeigt wird, da es sich bei allen um inoffizielle persönliche Änderungen am CSS-Code oder inoffizielle Patches handelt.

Einige Nebenwirkungen der Verwendung von Hack: Verringerung der Lesbarkeit von CSS-Code und Erhöhung der Belastung durch den Code

Heute möchte ich Ihnen einige häufig auftretende Fehlerlösungen für IE6 vorstellen:

(1) Bildlücke:

a) Bildlücke in div (dieser FEHLER tritt in IE6 und niedrigeren Versionen auf)

Beschreibung: Beim Einfügen eines Bildes in ein div wird das Bild be Unterstützen Sie drei Pixel unter dem div; Hack1: Schreiben Sie

und

in eine Zeile Anweisung: Anzeige: Block;

b) Bildlücke in dt, li (IE6)

Hack: Anweisung hinzufügen: Anzeige: Block; Überlauf: versteckt; ) Standardhöhe (IE6)

Beschreibung: In IE6 und niedriger haben einige Blockelemente eine Standardhöhe (weniger als 18px-22px Höhe) Hack1: Fügen Sie dem Element eine Anweisung hinzu: Schriftart -size:0;

Hack2: Anweisung zum Element hinzufügen: overflow: versteckt;

(3) Double float (doppelter Rand)

Beschreibung: When When browsers IE6 und niedriger analysieren schwebende Elemente und verdoppeln fälschlicherweise die Grenze der schwebenden Kante.

Hack: Fügen Sie eine Anweisung zum schwebenden Element hinzu: display: inline;

(4) Prozentfehler

Beschreibung: Drücken Sie beim Analysieren des Prozentsatzes in IE6 und niedriger auf „Rundung“. Die Berechnung ergibt eine Situation, in der 50 % plus 50 % größer als 100 % ist.

Hack: Fügen Sie die Anweisung „clear:right“ zum schwebenden Element auf der rechten Seite hinzu.

(5) Mauszeiger

Beschreibung: Der Handattributwert des Cursorattributs wird nur von Browsern unter IE8 erkannt, andere Browser erkennen diese Aussage nicht. Der Zeigerattributwert des Cursor-Attributs erkennt diese Anweisung in IE6 und höher sowie in anderen Kernel-Browsern.

Hack: Wenn Sie den Mauszeiger eines Elements in eine Handform vereinheitlichen möchten, sollten Sie eine Anweisung hinzufügen: Cursor: Zeiger; Hohe Inkonsistenz; Formularelement: float: left;

(7) Die Standardgröße des Schaltflächenelements ist inkonsistent

Beschreibung: Die Größe des Schaltflächenelements in jedem Browser ist inkonsistent.

Hack1: Einheitliche Größe / (mit einer Markierung simuliert);

Hack2: Platzieren Sie eine Beschriftung um die Eingabe, schreiben Sie den Stil der Schaltfläche in diese Beschriftung und entfernen Sie die Rahmen- und Hintergrundfarbe der Eingabe;

Hack3: Wenn die Schaltfläche ein Bild ist, verwenden Sie das Bild direkt als Schaltflächenhintergrund;

(8) Wenn der Browser den Schaltflächenrand analysiert, analysiert er den Rand befindet sich innerhalb der Schaltfläche und hat keinen Einfluss auf die Größe der Schaltfläche.

(9) Wenn der Browser den Randattributwert analysiert, stimmen die Attributwerte der oberen und unteren Grenze überein und der linke und rechte Rand werden addiert