Problèmes CSS avec IE
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.
Merci d'avance.
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
Windows 7
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) -
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
