Pourquoi la modification de l'image d'arrière-plan des liens visités avec CSS :visited échoue-t-elle dans Google Chrome ?

Google Chrome : problème d'image d'arrière-plan visité

Les développeurs Web ont rencontré un problème lors de la modification de l'image d'arrière-plan d'un lien visité à l'aide du CSS : La pseudo-classe visitée ne fonctionne pas dans Google Chrome alors qu'elle fonctionne dans d'autres navigateurs comme Firefox, IE et Opera.

Un utilisateur a rencontré ce problème avec le code suivant :

<code class="css">.forum_box .title a {
  background-image:url(../images/f_unread.png);
  background-position:10px center;
  background-repeat:no-repeat;
  background-color:transparent;
  color:#2D4054;
  font-size:14px;
  padding:10px 12px 10px 44px;
  text-decoration:none;
  display:block;
  font-weight:bold;
}
.forum_box .title a:visited {
  background-image:url(../images/f_read.png);
}</code>

Tentatives de utiliser une couleur au lieu d'une image ou incorporer les deux dans la propriété d'arrière-plan a également échoué dans Chrome.

Problèmes de confidentialité et solution de Mozilla

Comme l'utilisateur l'a mis à jour, ce problème peut être lié à des problèmes de confidentialité. Mozilla a annoncé des modifications dans CSS : visité en mars 2010 pour répondre à ces préoccupations, et le bug lié par l'utilisateur suggère que le comportement actuel est intentionnel et sera probablement également interrompu dans les futures versions de Firefox.

Solution

Actuellement, la solution de contournement recommandée consiste à utiliser background-color au lieu de background-image pour modifier l'apparence des liens visités. Même si cela ne fournit pas l'effet visuel souhaité, cela garantit la compatibilité entre les 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!