background-image: для: посещенных ссылок?

Question

Можно ли добавить фоновое изображение: свойство к посещенным ссылкам?

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

Благодаря

Edit: Так кажется, что это уязвимость системы безопасности, и поэтому он не может быть сделано. Не было никаких указаний на то, что браузеры блокировали этот стиль css.

Answer 1

Ваш код верный в соответствии с большинством спецификаций. Однако many browsers рассматривает фоновые изображения на посещаемых ссылках как потенциальное нарушение конфиденциальности пользователя, поэтому они этого не позволяют.

соблюдать этот пример:

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

(Также на http://jsfiddle.net/Yq5GY/1/). Firefox игнорирует объявление фонового изображения для посещенных ссылок и никогда не отображает соло-котенка. Вы можете сделать некоторые различия с цветом . Во всяком случае, плохое использование возможности полагаться на образы.

Answer 2

Как рекомендовал @KatieK, большинство браузеров не разрешат устанавливать фоновое изображение (даже некоторые другие правила, такие как background-color) на ссылки :visited, поскольку это проблема конфиденциальности. Вы можете прочитать об этом, используя следующие ссылки:

1. Privacy Related Changes
2. Reported Bug

Answer 3

MDN spec for :visited, вы заметите, фоновое изображение не допускается.