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

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 {<pre class="brush:php;toolbar:false">background-color: #FF0;

}

a:hover {

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

}

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!