Unterschiede im CSS in Internet Explorer 6, 7 und 8(4)

Autor：Eve Cole Aktualisierungszeit：2010-03-12 17:08:26

M.
Beispiel einer

Seitensegmentierung in einer Box

#Kasten {
Seitenumbruch innerhalb: vermeiden;
}

Beschreibung

Diese Eigenschaft legt fest, ob Paging innerhalb eines angegebenen Elements erfolgt.

Supportstatus

IE6 Nr

IE7Nr

IE8 Ja

N.

Beispiel für
eine Outline-Eigenschaft

#Kasten {
Umriss: durchgehend 1 Pixel rot;
}

Beschreibung

Outline ist eine Abkürzung für Outline-Style, Outline-Width und Outline-Color. Dieses Attribut ist besser als das Randattribut, da es den Dokumentfluss nicht beeinflusst und daher für die Fehlerbehebung bei Layoutproblemen nützlicher ist.

Supportstatus

IE6 Nr

IE7Nr

IE8 Ja

O.

Beispiele
für alternative Werte für das Anzeigeattribut

#Kasten {
Anzeige: Inline-Block;
}

Beschreibung

Das Anzeigeattribut ist normalerweise auf „Block“, „Inline“ oder „Keine“ eingestellt. Zu den alternativen Werten gehören:

Inline-Block
Inline-Tabelle
Listenelement
Einlauf
Tisch
Tabellenüberschrift
Tischzelle
Tabellenspalte
Tabellenspaltengruppe
Tabellenfußgruppe
Tabellenkopfgruppe
Tabellenzeile
Tabellenzeilengruppe

Supportstatus

IE6 Nr

IE7Nr

IE8 Ja

Beispiel

für den Umgang mit zusammenklappbaren Leerzeichen

P {
Leerraum: Vorzeile;
}

div {
Leerraum: vor dem Umbruch;
}

Die

Vorzeilenwerteinstellung des Whitespace-Attributs fasst mehrere Whitespace-Elemente zu einem einzigen Whitespace zusammen und ermöglicht gleichzeitig explizite Zeilenumbrüche. Der Pre-Wrap-Wert des Whitespace-Attributs fasst nicht mehrere Whitespaces zu einem zusammen, ermöglicht aber die explizite Festlegung von Zeilenumbrüchen.

Supportstatus

IE6 Nr

IE7Nr

IE8 Ja

4. Verschiedene andere Technologien
A.
Beispiele
für Medientypen
von @import

@import url("styles.css") screen;

Beschreibung:

Wie im obigen Beispiel wird der Medientyp der importierten Stylesheet-Datei nach der Dateiadresse deklariert. In diesem Beispiel ist der Medientyp „Bildschirm“.

Supportstatus

IE6 Nr

IE7Nr

IE8 Ja

FehlerObwohl

IE6 und IE7 @import unterstützen, haben sie keine Auswirkung, wenn der Medientyp angegeben wird, und führen sogar dazu, dass die normale @import-Regel ungültig wird.

B.

Beispiel
für die Erhöhung der Anzahl

h2 {
Counter-Inkrement: Header;
}
h2:before {
Inhalt: counter(headers) ". ";
}

Beschreibung

Mit dieser CSS-Technik können Sie die Zahl, die vor einem angegebenen Element erscheint, in Verbindung mit dem Pseudoelement „before“ automatisch erhöhen.

Supportstatus

IE6 Nr

IE7Nr

IE8 Ja

C.

Beispiele für
Referenzzeichen für generierte Inhalte

Q {
Zitate: "'" "'";
}

q:vor {
Inhalt: offenes Zitat;
}

q:nach {
Inhalt: Schlusszitat;
}

Die Beschreibung

gibt das Zitationsrufzeichen an, das zum Generieren des Inhalts für die Verwendung mit q-Tags verwendet wird.

Supportstatus

IE6 Nr

IE7Nr

IE8 Ja

5. Wichtige Fehler und Inkompatibilitätsprobleme

Im Folgenden sind viele Fehler in IE6 und IE7 aufgeführt, die oben nicht erwähnt wurden. Einträge, die nicht in allen drei Browsern unterstützt werden, sind in dieser Liste natürlich nicht enthalten.

IE6-Fehler

A. Unterstützt das Formatieren des -Elements nicht.

B. Unterstützt keine Klassen- und ID-Namen, die mit Bindestrichen und Unterstrichen beginnen.

C. Das