fichier css non applicable dans IE 8 dans win xp, 9 dans win 7

Question

J'ai un problème avec le fichier CSS. Le fichier CSS ne fonctionne pas avec IE8 dans Win XP et IE 9 dans Win 7, mais fonctionne très bien dans Win 8, IE 10 dans Win 7 et Firefox et Chrome. S'il vous plaît laissez-moi savoir comment le faire fonctionner dans toutes les versions. quand je regarde la source, le fichier CSS est là, mais il n'est pas appliqué à la page Merci à tous pour lire.

Answer 1

Parfois, nous devons faire quelques trucs dans le code CSS pour travailler dans les anciennes versions IE et d'autres navigateurs.

Par exemple, pour appliquer l'opacité sur un élément, je fais d'habitude:

.withOpacity { 

    /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
    /* IE 5-7 */ 
    -webkit-filter: alpha(opacity=60); 
    -moz-filter: alpha(opacity=60); 
    -o-filter: alpha(opacity=60); 
    filter: alpha(opacity=60); 

    /* Netscape */ -moz-opacity: 0.6; 
    /* Safari 1.x */ -khtml-opacity: 0.6; 
    /* Good browsers */ 
    -ms-opacity: 0.6; 
    opacity: 0.6; 
} 

Ainsi, la propriété opacity est universel, mais parfois d'être pris en charge pour certains navigateurs, nous devons rejoindre le préfixe respectif avant. Regardez this page pour mieux comprendre, par exemple.

Parfois, pour forcer une IE ancienne version d'appliquer une propriété CSS il faut se joindre à un * avant que la propriété est juste et suffisant, comme celui-ci ceci:

.smallElement 
{ 
    width: 20px; 
    *width: 20px 
} 

Et par exemple, pour créer un champ obligatoire indicateur je fais normalement ceci:

.fieldRequired:after, 
.requiredIndicator 
{ 
    content: "*"; 
    color: red; 
    vertical-align: top 
} 

.fieldRequired 
{ 
    zoom: expression(this.doneReq ? '1' : (
     function(el) {el.innerHTML += '<span title="This is a required field!" class="requiredIndicator">*</span>'; return el.doneReq=true;})(this)); 
} 

en d'autres termes, les anciennes versions IE ne peut pas appliquer le code CSS sur le .fieldRequired:after, donc avec l'expression/fonction créée dans la classe .fieldRequired nous connectons le même b Comportement avec le code html.