Google Chrome: посещенное фоновое изображение не работает

Question

(перед тем, как начать, я должен сказать да, я сделал все проверки глупости, да, ссылка есть в моей истории и была посещена и т.д.)

Я использую Chrome версии 6.0.472.63, хотя важно, чтобы это работало во всех браузерах.

Работает в Firefox, IE и Opera.

По сути, все, что я пытаюсь сделать, - это изменить фоновое изображение ссылки, если ссылка была посещена.

Я провел много проб и ошибок, так что потерпите несколько примеров.

Это то, что у меня было изначально

.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);
}

Работает в любом браузере, кроме Chrome. Затем я попытался сделать цвет, а не изображение.

.forum_box .title a:visited {
 background-color:red;
}

Снова то же самое, однако я изменил ссылку на #fff вместо прозрачной, а посещаемая ссылка изменила красный, поэтому, очевидно, цвет bg работает, только если вы установите цвет bg для родителя.

.forum_box .title a {
 background-image:url(../images/f_unread.png);
 background-position:10px center;
 background-repeat:no-repeat;
 background-color:#fff;
 color:#2D4054;
 font-size:14px;
 padding:10px 12px 10px 44px;
 text-decoration:none;
 display:block;
 font-weight:bold;
}
.forum_box .title a:visited {
 background-color:red;
}

Однако это все еще не решает мою проблему с изображением. Поэтому в одной из последних попыток я попытался сделать это в надежде, что по какой-то причине Chrome будет работать только при одинаковых свойствах в обоих.

.forum_box .title a {
 background:#fff url(../images/f_unread.png) no-repeat 10px center;
 color:#2D4054;
 font-size:14px;
 padding:10px 12px 10px 44px;
 text-decoration:none;
 display:block;
 font-weight:bold;
}
.forum_box .title a:visited {
 background:#fff url(../images/f_read.png) no-repeat 10px center;
}

Это тоже не сработало и снова продолжало работать на Firefix, Opera и IE. Поэтому я пришел сюда, чтобы переполнить стек, очень растерянный.

Любая помощь будет принята с благодарностью!

UPDATE: Я попробовал решение jQuery, хотя оно все еще не работает. Несмотря на наличие: посещенных ссылок, я могу подтвердить их посещение, изменив цвет шрифта на красный. jQuery ('a :ited'). длина возвращает 0.

Answer 1

Та же проблема здесь.Изменение фона в CSS-спрайте на: посещенный работает для меня в Firefox 3.6, но не в Chrome 6.

Но, вероятно, скоро он перестанет работать и в Firefox.(возможно для FF 4?)

Это проблема конфиденциальности, и вы можете прочитать об этом статью Mozilla (март 2010) http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/ И ошибка: https://bugzilla.mozilla.org/show_bug.cgi?id=147777#c160

Я думаю, что единственно возможное решение - творчески использовать цвет фона вместо изображений.

Answer 2

Похоже, что Chrome отключил css для: посещенных (за исключением цвета).

Это было бы для предотвращения эксплойта с прослушиванием истории.

См. http://www.azarask.in/blog/post/socialhistoryjs/

Answer 3

Вероятно, это проблема безопасности.
Проверьте это сообщение в блоге безопасности Mozilla.
Я, конечно, могу себе представить, как они это сделают.

Answer 4

Это сделано из соображений безопасности, поскольку было возможно загрузить много разных изображений и определить, какие ссылки посетил пользователь, любое свойство, отправляющее конкретный запрос, или загрузку определенного ресурса, в зависимости от того, что посетил пользователь технически рассматривается как проблема безопасности, так как может привести к утечке личных интересов пользователя.

https://blog.jeremiahgrossman.com/2006/08/i-know-where-youve-been.html

Answer 5

Вам могут понадобиться ваши одинарные кавычки вокруг вашего img url ... Браузеры забавны, когда им небезразличны кавычки, а когда нет ...