Problèmes CSS avec IE

Fermé
YameFAZE Messages postés 201 Date d'inscription mardi 24 avril 2012 Statut Membre Dernière intervention 14 mars 2021 - 20 mai 2019 à 12:54
SioGabx Messages postés 265 Date d'inscription mardi 21 août 2018 Statut Membre Dernière intervention 17 novembre 2022 - 20 mai 2019 à 21:28
Bonjour,

Je teste actuellement mon site sous IE11 et je constate que les balises HTML <details> et <summary> ne sont pas prises en compte. De même pour mes animations CSS.

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


Merci d'avance.

Configuration: Ordinateur portable ASUS UX21E
Windows 7
A voir également:

2 réponses

Bonjour, simplement cette fonctoinnalité HTML5 n'est pas implanté dans le navigateur de Microsoft comme indiqué ici:
https://www.w3schools.com/TAGS/tag_details.asp

Vous pouvez aller voir du côté de modernizr pour un polyfill ou bien le faire vous même:

https://modernizr.com/
définition d'un polyfill:
https://en.wikipedia.org/wiki/Polyfill_(programming)
0
YameFAZE Messages postés 201 Date d'inscription mardi 24 avril 2012 Statut Membre Dernière intervention 14 mars 2021
20 mai 2019 à 19:31
Merci.

Quel boulet ce IE. Il faudrait l'interdire. Et pour les animations ?
0
SioGabx Messages postés 265 Date d'inscription mardi 21 août 2018 Statut Membre Dernière intervention 17 novembre 2022 100
Modifié le 20 mai 2019 à 21:30
L'animation "up" c'est quoi ? C'est pas une propriété CSS ça ?
Si tu veux déformer ton boutton, peut être tu devrait regarder ça et mettre une animation sur le translate.
https://www.w3schools.com/css/css3_2dtransforms.asp
ou bien mieux : https://stackoverflow.com/questions/35990445/how-to-move-a-div-up-and-down-infinitely-in-css3

0