La compatibilité CSS dans Internet Explorer 6 et 7 (Histoire)
Liste des règles et attributs CSS qui ne fonctionnent pas dans Internet Explorer 6 ou 7.
x>y
x+y
x~p
La descendance immédiate. Elle fonctionne dans IE8. Dans IE7 elle fonctionne sauf s'il y a des commentaires dans l'élément concerné.
Les sélecteurs adjacents avec le signe +. Même restriction pour IE7, cela ne fonctionne pas si un commentaire est intercalé.
De même pour les descendants d'un élément avec le signe ~.
.x.y
L'association de classes permettant de donner des propriétés à la classe y quand l'élément fait aussi partie de la classe x.
input[name]
Le sélecteur d'attribut permet d'appliquer une règle à la balise seulement quand l'attribut désigné est explicitement défini dans la balise.
A plus forte raison la sélection pour une certaine valeur d'attribut comme par exemple:
input[type="button"]
:hover
Ne fonctionne qu'avec la balise <a>.
x:first-child
Ne fonctionne pas avec IE6.
:focus
On ne peut désigner un élément lorsqu'il a le focus.
:before et :after
On ne peut désigner le contenu qui précède ou suit immédiatement un élément.
min-height, min-width, max-height, max-width
Ne sont pas supportés. La propriété height fonctionne comme min-height et width comme min-width.
position:fixed
Le positionnement indépendant de la vue actuelle n'est pas possible dans IE6. Cela concerne aussi le fond d'écran:
background-attachement:fixed
display:inherit
Non supporté avec display par IE6 et IE7.
border-spacing
Définir un espace entre les cellules d'une table. Supporté à partir de IE8 et seulement si un DOCTYPE est définit.
empty-cells:show
Demande d'afficher les cellules vides. Comme border-spacing.
clip:rect(0, 0, 10px, 20px)
Fonctionne à partir de IE 7 quand les valeurs sont séparées par un espace. Si elles sont séparée par une virgule, ce qui est conforme au standard, cela ne fonctionne qu'avec IE 8.
Autres propriétés
Non supportées également par IE6 et IE7: orphans, widows, page-break-inside, outline, counter-increment.
Valeurs de propriétés
Non supportées par IE 6 et IE 7:
display: inline-block, inline-table, table, list-item, run-in. Seules les valeurs block et inline sont supportées.
white-space: pre-wrap, pre-line.
content:counter(), open-quote, close-quote.
Parmi les autres différences dans IE 6 par rapport au standard:
- !important n'est pas appliqué.
- :hover ne fonctionne que si l'ordre :link, :visited, :hover est utilisé dans la règle.
- La première lettre d'un nom de classe ne peut être un tiret ou code de soulignement.
- Le style de la propriété <abbr> est ignoré.