background-image: per: link visitati?

Question

È possibile aggiungere l'immagine di sfondo: proprietà ai collegamenti visitati?

a.coolLinks:visited{ 
    background-image:url("http://www.ledr.com/colours/black.jpg"); 
} 

Grazie

Edit: Così sembra che si tratta di una vulnerabilità di sicurezza, e questo è il motivo per cui non può essere fatto. Non c'era alcuna indicazione che i browser stessero bloccando questo stile css.

Answer 1

Il codice è corretto in base alla maggior parte delle specifiche. Tuttavia, many browsers considera le immagini di sfondo sui collegamenti visitati una potenziale violazione della privacy dell'utente, quindi non lo consentono.

osservare questo esempio:

<p><a href="/unvisited">Unvisited link</a></p> 

<p><a href="http://jsfiddle.net/">Visited Link</a></p> 

<style> 
a { 
    background:red url("http://placekitten.com/100/101?image=2") center center no-repeat; 
    display: block; 
    height: 200px; 
    width: 200px; 
    overflow: hidden; 
    text-align: center; 
    background-color: red; 
} 

a:visited { 
    background:blue url("http://placekitten.com/100/100?image=1") center center no-repeat; 
} 
</style> 

(anche a http://jsfiddle.net/Yq5GY/1/). Firefox ignora la dichiarazione dell'immagine di sfondo per i collegamenti visitati e non visualizza mai il gattino solista. È possibile fare qualche differenziazione con il colore di sfondo . È una cattiva usabilità affidarsi solo alle immagini, comunque.

Answer 2

Come suggerito da @KatieK, la maggior parte dei browser non consente di impostare un'immagine di sfondo [anche altre regole come il colore di sfondo] ai collegamenti :visited in quanto si tratta di un problema di privacy. Si può leggere su di esso utilizzando i seguenti link:

1. Privacy Related Changes
2. Reported Bug

Answer 3

MDN spec for :visited, si background-image notare non è permesso.