Se me ocurre que quizá peuda hacerse si haces una capa que contenga a las
otras dos y que el efecto hover se haga sobre esta capa contenedora y no
sobre cualquiera de las otras dos.

#contenedora #imagen {
        Opacidad al 50 %
}
#contenedora #pie {
        Color inical
}
#contenedora:hover #imagen {
        Opacidad al 100 %
}
#contenedora:hover #pie {
        Color final
}

Un saludo.


-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de alarkspur
Enviado el: domingo, 05 de noviembre de 2006 18:07
Para: la lista de CSS en castellano Ovillo
Asunto: [Ovillo] cambiar dos elementos hover a la vez

Hola,
No se si lo que trato se puede realizar usando solo css, explico la  
situación para ver si pueden orientarme.

Tengo una imagen con su pie de foto cada uno con su correspondiente div
<div id="imagen"></div>
<div id="pie"></di>

el div imagen tiene un efecto hover que le cambia la opacidad y el  
div pie tiene un efecto hover que le cambia el color de fondo.
Por separado si que me funcionan correctamente, pero no consigo que  
funcionen los dos efectos hover a la vez :-(

Que al poner el ratón encima de la imagen ademas de cambiar la  
opacidad cambiase también el div pie. y al poner sobre el div pie  
cambiase la opacidad de la imagen.

Alguna sugerencia?
Gracias
Saludos.


_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a