opacidad a: visited

no puedo conseguir opacidad a trabajar en a: visited hipervínculos en Firefox o IEopacidad a: visited

Si fijo el color de fondo a: visited no tendrán ningún problema, pero no fijará el opactity.

¿Alguna idea?

Aquí es mi css:

a.photo 
{ 
    display: inline-block; 
} 
a.photo img 
{ 
    border: 1px solid #C8C8C8; 
    background-color: #ffffff; 
} 
a:hover.photo img, 
a:active.photo img { 
    background-color: #FF2D59; 
    border: 1px solid #FF2D59; 
} 
a:visited.photo img 
{ 
    opacity: 0.4; 
    filter: alpha(opacity=40); /* For IE8 and earlier */ 
} 
a.small img 
{ 
    width: 80px; 
    height: 80px; 
    padding: 6px; 
} 


<a href="#" class="photo small"> 
    <img src="http://www.w3schools.com/css/klematis.jpg" alt="small photo hyperlink" /> 
</a>

Creo que no hay nada malo en el orden de la CSS, becuase si añado un color de fondo, funciona muy bien:

a:visited.photo img 
{ 
    opacity: 0.4; 
    filter: alpha(opacity=40); /* For IE8 and earlier */ 
    background-color: Gray; 
}

Fuente

2012-02-09 George Filippakos

no debería ser tan 'a.photo: visited'? –

@Joel Etherton: Las clases y las pseudoclases se pueden organizar en cualquier orden, por lo que 'a: visited.photo' está bien. – BoltClock

SEC7115:: visitado y: los estilos de enlace solo pueden diferir por color. Algunos estilos no se aplicaron a: visitado.

Esto desde la consola de IE Developer Tools. Estoy bastante seguro de que Firefox muestra un error similar.

Lo siento. No se puede hacer mucho allí.

Fuente

2012-02-09 18:06:37

Sabes, nunca entendí esto realmente. ¿Seguramente puedes leer el estilo de color computado y encontrar enlaces visitados? No sé ... –

Dejaré esta pregunta sin respuesta en caso de que haya otra solución. –

No parece probable. 'document.querySelectorAll (": visited ")' devuelve una lista vacía independientemente de la presencia o ausencia de enlaces visitados, por lo que no hay forma de encontrarlos. Intentaré buscar el estilo de color. –

Desde 2010, el navegador Mozilla limitar las propiedades CSS que se pueden utilizar para los enlaces visitados estilo a: - color, - background-color, - frontera - * - de color - esquema de color - y el color partes de las propiedades de llenado y carrera.

Para cualquier otra parte del estilo de los enlaces visitados, se utiliza el estilo de los enlaces no visitados en su lugar. Además, para la lista de propiedades que puede cambiar arriba, no podrá establecer colores rgba() o hsla() o transparentes en ellos.

Fuente: http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/

Fuente

2012-05-04 10:19:37 user1171440

Respuesta

Cuestiones relacionadas