2013-01-07 20 views
6

Czy można dodać obraz tła: właściwość do odwiedzanych linków?background-image: for: visited links?

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

Dzięki

Edycja: Wygląda więc na to, że jest to luka w zabezpieczeniach, a to dlatego, że nie można zrobić. Nic nie wskazywało na to, że przeglądarki blokowały ten styl CSS.

+2

Czy spróbować? Powinno działać. –

+0

Myślę, że nie 100%, że można używać tylko ': visited' na znacznikach. Potrzebujesz więc "a.coolLinks: visited {}", aby działał poprawnie. – phpisuber01

+0

Zapomniałem dodać "a." to nadal nie działa. Pozwól mi dodać JSfiddle do postu. – user1530249

Odpowiedz

11

Twój kod jest poprawny według większości specyfikacji. Jednak many browsers uważa obrazy tła odwiedzonych linków za potencjalne naruszenie prywatności użytkownika, więc nie pozwalają na to.

Należy tu np

<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> 

(Również w http://jsfiddle.net/Yq5GY/1/). Firefox ignoruje deklarację obrazu tła dla odwiedzonych linków i nigdy nie wyświetla pojedynczego kociaka. Możesz dokonać rozróżnienia z kolorem tła. Zła użyteczność polega na tym, by polegać wyłącznie na obrazach.

+1

Czy jest jakiś sposób obejścia tego? – user1530249

+2

@KatieK Czy masz jakieś odniesienia, dlaczego przeglądarki uznają to za naruszenie prywatności? Nie mogę myśleć, dlaczego tak się stało. – Zack

+5

[Odnośnik] (http://stackoverflow.com/questions/3788855/google-chrome-avisited-background-image-not-working) – Malkus

1

Zgodnie z sugestią @KatieK, większość przeglądarek nie zezwala na ustawianie obrazu tła [nawet innych reguł, takich jak kolor tła] na linki :visited, ponieważ jest to problem związany z prywatnością. Można przeczytać o tym za pomocą poniższych linków:

  1. Privacy Related Changes
  2. Reported Bug
+0

Hmm, demo Sharp nie wydają się działać w moim Firefox (najnowsza). – KatieK

+0

oops, tak po prostu zdałem sobie sprawę, że nie działa z FF4 i wyżej. Przepraszam, poprawiono odpowiedź. – Amyth