Google Chrome: la imagen de fondo visitada no funciona

(antes de comenzar, debería decir que sí, he hecho todos los controles de estupidez, sí, el enlace está en mi historial y ha sido visitado, etc.)

Estoy usando Chrome versión 6.0.472.63, aunque es importante que esto funcione en todos los navegadores.

Funciona en Firefox, IE y Opera.

Básicamente, lo único que trato de hacer es cambiar la imagen de fondo de un enlace si el enlace ha sido visitado.

He hecho muchas pruebas de prueba y error, así que tengan paciencia conmigo para obtener múltiples ejemplos.

Esto es lo que tenía originalmente

 .forum_box .title a {
  background-image: url (../ images / f_unread.png);
  posición de fondo: centro de 10 px;
  background-repeat: no-repeat;
  color de fondo: transparente;
  color: # 2D4054;
  tamaño de letra: 14px;
  relleno: 10px 12px 10px 44px;
  texto-decoración: ninguno;
  locking de pantalla;
  font-weight: negrita;
 }
 .forum_box .title a: visited {
  background-image: url (../ images / f_read.png);
 }

Funciona en todos los navegadores excepto en Chrome. Luego probé simplemente hacer un color en lugar de una imagen.

 .forum_box .title a: visited {
  color de fondo: rojo;
 }

Lo mismo de nuevo, sin embargo, cambié el enlace a #fff en lugar de transparente y el enlace visitado cambió a rojo, por lo que aparentemente el color bg solo funciona si establece un color bg para el padre.

 .forum_box .title a {
  background-image: url (../ images / f_unread.png);
  posición de fondo: centro de 10 px;
  background-repeat: no-repeat;
  color de fondo: #fff;
  color: # 2D4054;
  tamaño de letra: 14px;
  relleno: 10px 12px 10px 44px;
  texto-decoración: ninguno;
  locking de pantalla;
  font-weight: negrita;
 }
 .forum_box .title a: visited {
  color de fondo: rojo;
 }

Sin embargo, todavía no resuelve mi problema de imagen. Así que en un último bash intenté con la esperanza de que, por alguna razón, Chrome solo funcionaría cuando las mismas propiedades estuvieran presentes en ambos.

 .forum_box .title a {
  fondo: #fff url (../ images / f_unread.png) no-repeat 10px center;
  color: # 2D4054;
  tamaño de letra: 14px;
  relleno: 10px 12px 10px 44px;
  texto-decoración: ninguno;
  locking de pantalla;
  font-weight: negrita;
 }
 .forum_box .title a: visited {
  fondo: #fff url (../ images / f_read.png) no-repeat 10px center;
 }

Eso tampoco funcionó y nuevamente continuó trabajando en Firefix, Opera e IE. Así que vine aquí a Stack Overflow muy confundido.

¡Cualquier ayuda sería muy apreciada!

ACTUALIZACIÓN: Intenté una solución jQuery, aunque todavía no funciona. A pesar de tener: enlaces visitados y puedo confirmar su estado visitado cambiando el color de la fuente a rojo. jQuery (‘a: visited’). length devuelve 0.

El mismo problema aqui. Cambiar la posición de fondo en un CSS Sprite en a: visited funciona para mí en Firefox 3.6 pero no en Chrome 6.

Pero probablemente pronto también dejará de funcionar en Firefox. (tal vez por FF 4?)

Es un problema de privacidad, y puede leer aquí un artículo de Mozilla al respecto (marzo de 2010) http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/ Y el error : https://bugzilla.mozilla.org/show_bug.cgi?id=147777#c160

Creo que la única solución posible es usar creativamente el color de fondo en lugar de imágenes.

Probablemente sea un problema de seguridad.
Mira esta publicación en el blog de seguridad de mozilla.
Ciertamente puedo imaginar cómo lo harían.

Chrome parece haber desactivado css para: visitado (excepto por el color).

Esto sería para evitar el exploit sniffing de la historia.

Ver http://www.azarask.in/blog/post/socialhistoryjs/

Es posible que necesite sus comillas simples alrededor de su URL de img … Los navegadores son divertidos sobre cuándo les importan las comillas y cuándo no …