Ver Mensaje Individual
  #14 (permalink)  
Antiguo 31/08/2010, 16:07
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Rollover con css

TheDark03:
Se puede hacer atacando por el fondo del elemento, pero si ya fue capaz de actuar en un tercer elemento al hacer :hover sobre otro, nada te impide acceder a un hijo de ese tercer elemento, o su nieto, o... y a su contenido.

Ag666:
Lo simplificó al máximo. No he ejecutado ese código, pero por ahí van los tiros.

La gracia está en hacer el :hover a un input de tipo botón dentro de un form y que las imágenes contenidas en otro div cambién.

Como hay poca intención de resolver el reto, aquí una realización doble.
En una página actúo sobre el fondo de un div (llamado #cambio) al recibir el :hover el botón de "enviar" y en la otra página son dos imágenes alojadas vía src en ese div (#cambio).

Y ya puestos, pues ver primero con ie, después con ff y finalmente con ópera y webkit (safari y chrome).

Para hacerlo con un submit de un form sólo había que recordar que los formularios y sus fieldset son elementos de bloque, y que por lo tanto admiten en su interior div´s, p´s, etc.

Aquí cómo lo enfoqué. Adornado con una pizca de css3 (solo para los efectos visuales):
http://bit.ly/9XzpAI