Maison > interface Web > tutoriel CSS > Pourquoi mes boutons collants ne fonctionnent-ils pas dans IE 11 ?

Pourquoi mes boutons collants ne fonctionnent-ils pas dans IE 11 ?

DDD
Libérer: 2024-11-25 03:12:15
original
979 Les gens l'ont consulté

Why Are My Sticky Buttons Not Working in IE 11?

Position : les boutons collants ne fonctionnent pas dans IE 11

Ce problème vient du fait que la propriété "sticky" n'est pas prise en charge sur Internet Explorer 11. "sticky" positionne un élément par rapport à la fenêtre, le faisant rester en place pendant que l'utilisateur fait défiler.

Pour pour résoudre ce problème dans IE 11, vous pouvez utiliser la propriété "fixed" à la place :

.sticky-button-thing-not-working-on-ie {
  position: fixed; /* added to support older browsers */
  bottom: 0;
  right: 0;
  background: rgba(0, 211, 211, 0.6);
}
Copier après la connexion

En ajoutant "position : fixe", les boutons resteront en bas de la page même lorsque l'utilisateur fait défiler, obtenant le même effet que "position: sticky" dans d'autres navigateurs.

Il est important de noter que même si "sticky" peut être préféré dans la plupart des cas, la propriété "fixed" offre une alternative viable pour situations où la compatibilité du navigateur est un problème.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal