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:

Problèmes CSS avec IE
Ie tab - Télécharger - Outils pour navigateurs
Ie 11 - Télécharger - Navigateurs
Google payment ie dublin ✓ - Forum Consommation & Internet
Ie 9 - Télécharger - Navigateurs
Trait css ✓ - Forum CSS

2 réponses

Réponse 1 / 2

rateioun
20 mai 2019 à 16:33

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)

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 ?

Réponse 2 / 2

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

Discussions similaires

Facture de google 380€ !

Arnaque frauduleuse Ireland ltd

Arnaque de Google Ireland Limited

Prélèvement Apple.com Bill

arnaque cb google sur mon compte bancaire