communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel CSS > Pourquoi ma couleur d'arrière-plan ne change-t-elle pas au survol ?

Pourquoi ma couleur d'arrière-plan ne change-t-elle pas au survol ?

DDD

Libérer： 2024-12-17 16:14:19

original

483 Les gens l'ont consulté

Why Isn't My Background Color Changing on Hover?

Effet de transition pour la couleur d'arrière-plan au survol

Vous essayez de créer un effet de transition pour la couleur d'arrière-plan lorsque vous survolez des éléments de menu, mais ça ne marche pas.

Cause :

Comme mentionné dans la réponse acceptée, les transitions CSS pour background-color peuvent ne pas être compatibles avec les anciennes versions des navigateurs. Les navigateurs comme les versions d'Internet Explorer inférieures à 10 ne prennent pas en charge les transitions CSS pour la couleur d'arrière-plan.

Solution :

Pour garantir la compatibilité entre navigateurs, utilisez les préfixes du fournisseur ou une chute -propriété arrière :

a {</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">background-color: #FF0;

Copier après la connexion

}

a:hover {

background-color: #AD310B;
-webkit-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;

Copier après la connexion

}

Ce code utilise les préfixes des fournisseurs (-webkit- et -ms-) pour Safari et Internet Explorer, respectivement, et inclut la propriété de transition standard pour les autres navigateurs.

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

Article précédent：Comment puis-je créer des animations de dégradé CSS fluides ? Article suivant：Comment puis-je définir la hauteur d'un conteneur sur un pourcentage moins une valeur de pixel fixe en CSS ?

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

Derniers articles par auteur