Google chrome a: не работает фоновое изображение

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

Я использую 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. Так что я пришел сюда в Stack Overflow очень запутанным.

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

ОБНОВЛЕНИЕ: Я попытался использовать решение jQuery, но оно все еще не работает. Несмотря на наличие: посещенных ссылок, я могу подтвердить их посещенное состояние, изменив цвет шрифта на красный. jQuery ('a: visit'). length возвращает 0.

11
задан Flimzy 6 June 2018 в 17:09
поделиться