Hola,
lo que pretendo es lo siguiente
- Que cuando ponga el cursor sobre la bola verde, haga un rollover i cambie a roja, a la vez que aparezca una imagen grande.
En Firefox funciona perfectamente pero en iexplorer no, ni en 6 ni en 7 (en 7 con defectos).
Alguien sabe como subsanar o hacer un Hack para salir del paso?
Gracias!
Codi XHTML:
<body>
<a class="thumbnail" href="#">
<span id="peq"></span>
<span id="gran"></span>
</a>
</body>
Codi CSS:
#peq {
position: absolute;
background-image:url(./bola_verde.gif);
left: 0px;
width:250px;
height:30px;
}
#gran {
position: absolute;
background-image:url(./imagen_grande.jpg);
top:60px;
}
.thumbnail:hover #gran {
position:absolute;
background-image:url(./imagen_grande.jpg);
top:60px;
width:985px;
height:110px;
left: 5px;
}
.thumbnail:hover #peq {
position: absolute;
background-image:url(./bola_roja.gif);
left: 0px;
width:250px;
height:30px;
}