Menu

CSS problème animation avec IE

Messages postés
148
Date d'inscription
mardi 24 avril 2012
Statut
Membre
Dernière intervention
22 avril 2019
- - Dernière réponse : dsyren
Messages postés
546
Date d'inscription
mercredi 24 juin 2009
Statut
Modérateur
Dernière intervention
23 avril 2019
- 3 avril 2019 à 11:42
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
Afficher la suite 

Votre réponse

2 réponses

Messages postés
546
Date d'inscription
mercredi 24 juin 2009
Statut
Modérateur
Dernière intervention
23 avril 2019
68
0
Merci
Salut,
Sur quelle version de IE tu regardes ?
++
YameFAZE
Messages postés
148
Date d'inscription
mardi 24 avril 2012
Statut
Membre
Dernière intervention
22 avril 2019
-
Oui pardon j'ai oublié de préciser. IE 9.
Commenter la réponse de dsyren
Messages postés
546
Date d'inscription
mercredi 24 juin 2009
Statut
Modérateur
Dernière intervention
23 avril 2019
68
0
Merci
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.
++
YameFAZE
Messages postés
148
Date d'inscription
mardi 24 avril 2012
Statut
Membre
Dernière intervention
22 avril 2019
-
Ok. Et concernant les anciennes versions des autres navigateurs ? Qu'en est-il ?
dsyren
Messages postés
546
Date d'inscription
mercredi 24 juin 2009
Statut
Modérateur
Dernière intervention
23 avril 2019
68 -
Tu trouveras toutes les compatibilités sur cet excellent site : caniuse
Commenter la réponse de dsyren