CSS problème animation avec IE [Résolu/Fermé]

Signaler
Messages postés
180
Date d'inscription
mardi 24 avril 2012
Statut
Membre
Dernière intervention
26 avril 2020
-
Messages postés
180
Date d'inscription
mardi 24 avril 2012
Statut
Membre
Dernière intervention
26 avril 2020
-
Bonjour,

Sur mon site j'ai une animation qui fonctionne bien sous FF, Opéra et Chrome, mais pas sous IE. Quelqu'un pourrait-il me donner une solution pour y remédier ?

Mon code :
/* -------------------------- */
/* ------- NAVIGATION ------- */
/* -------------------------- */
/* Barre de navigation */
.barre_navigation {
	background-image: url(../images/pixel_gris.jpg);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	text-align: center;
	padding:
		/* en haut */ 0
		/* à droite */ 0
		/* en bas */ 1em
		/* à gauche */ 1em;
	clear: both;
}

/* Comportement de la barre de navigation au passage de la souris */
.barre_navigation:hover {
	/* Animation */
	animation: 
		/* Nom */ survol_barre_navigation
		/* Durée */ 0.5s 
		/* Position finale */ forwards;
	/* Adaptation Mozilla */
	-moz-animation: 
		/* Nom */ survol_barre_navigation
		/* Durée */ 0.5s 
		/* Position finale */ forwards;
	/* Adaptation Safari, Chrome et Opera */
	-webkit-animation: 
		/* Nom */ survol_barre_navigation
		/* Durée */ 0.5s 
		/* Position finale */ forwards;
}

/* Survol de la barre de navigation */
@keyframes survol_barre_navigation {
	from {}
	to { background-size: 100% 0; }
}

/* Survol de la barre de navigation */
/* Adaptation Mozilla */
@-moz-keyframes survol_barre_navigation {
	from {}
	to { background-size: 100% 0; }
}

/* Survol de la barre de navigation */
/* Adaptation Safari, Chrome et Opera */
@-webkit-keyframes survol_barre_navigation {
	from {}
	to { background-size: 100% 0; }
}


Et du coup je me pose aussi la question de la rétro-compatibilité avec les anciennes versions des navigateurs. Est-ce que cette animation sera bien rétro-compatible ? Merci d'avance.

Configuration: Ordinateur portable ASUS UX21E
Windows 7

3 réponses

Messages postés
922
Date d'inscription
mercredi 24 juin 2009
Statut
Webmaster
Dernière intervention
11 mars 2020
113
Salut,
Sur quelle version de IE tu regardes ?
++
Messages postés
180
Date d'inscription
mardi 24 avril 2012
Statut
Membre
Dernière intervention
26 avril 2020

Oui pardon j'ai oublié de préciser. IE 9.
Messages postés
922
Date d'inscription
mercredi 24 juin 2009
Statut
Webmaster
Dernière intervention
11 mars 2020
113
Les animations CSS ne sont pas supportées sur IE9 mais à partir de IE10.
Tu peux certainement te passer du support de IE9 étant donné qu'il ne représente plus que 0,34% du marché global des navigateurs.
++
Messages postés
180
Date d'inscription
mardi 24 avril 2012
Statut
Membre
Dernière intervention
26 avril 2020

Ok. Et concernant les anciennes versions des autres navigateurs ? Qu'en est-il ?
Messages postés
922
Date d'inscription
mercredi 24 juin 2009
Statut
Webmaster
Dernière intervention
11 mars 2020
113
Tu trouveras toutes les compatibilités sur cet excellent site : caniuse
Messages postés
180
Date d'inscription
mardi 24 avril 2012
Statut
Membre
Dernière intervention
26 avril 2020

Merci.