(prima di iniziare dovrei dire di sì, ho fatto tutti i controlli stupidità, sì, il link è nella mia storia ed è stato visitato, ecc)Google Chrome uno: immagine di sfondo visitato non funziona
sto usando Chrome versione 6.0.472.63, sebbene sia importante che funzioni su tutti i browser.
Funziona su Firefox, IE e Opera.
Fondamentalmente tutto quello che sto cercando di fare è cambiare l'immagine di sfondo di un link se il link è stato visitato.
Ho fatto un sacco di prove ed errori test così nudi con me per più esempi.
Questo è quello che avevo originariamente
.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);
}
Opere in tutti i browser tranne Chrome. Poi ho provato a renderlo un colore piuttosto che un'immagine.
di nuovo lo stesso, ma ho cambiato il link per #fff invece di trasparente e la link visitato cambiato colore rosso, così apparentemente il colore bg funziona solo se si imposta un colore bg per il genitore.
.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;
}
Tuttavia, non risolve ancora il problema dell'immagine. Quindi, in un ultimo tentativo, ho provato questo con la speranza che, per qualche motivo, Chrome potesse funzionare solo quando le stesse proprietà erano presenti in entrambi.
.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;
}
Che non ha funzionato entrambi e ancora ha continuato a lavorare su Firefix, Opera e IE. Quindi vengo qui per Stack Overflow molto confuso.
Qualsiasi aiuto sarebbe molto apprezzato!
UPDATE: Ho tentato una soluzione jQuery, sebbene non funzioni ancora. Pur avendo: collegamenti visitati e posso confermare il loro stato visitato cambiando il colore del carattere in rosso. jQuery ('a: visited'). restituisce 0.
Puoi farlo jsfiddle? –
Ciò sarebbe possibile, ad esempio, potrei fare jQuery ('. Forum_box .title a: visited'). AddClass ('visited') e quindi usare la classe per lo stile. Ma supponevo che ci sarebbe stata un'altra soluzione piuttosto che Chrome intrinsecamente imperfetto su una delle proprietà CSS più antiche e basilari. – robjbrain
So che questo non risolve il problema in questo momento, ma potresti sempre inviare un bug ... http://code.google.com/p/chromium/issues/entry – EJC