Hola amigos, me llamo Jarno y estoy empezando con este mundo del diseño web. Estoy terminando un curso de diseño y multimedia y me encuentro con el siguiente problema en uno de los aspectos del proyecto final;
pretendo mover hacia abajo el div "B" con la clase "bajar", que está dentro del div "A", y esto debe producirse cuando yo haga un MouseOver sobre el div "A" que es el contenedor.
Esto es lo que he puesto en el html:
<div id="A">
<div class="bajar" id="B" -moz-transition-timing-function: default;></div>
</div>
Y esto es lo que he puesto en la hoja de estilos: #A:hover .bajar {
-o-transform: translate (0px, 45px);
-moz-transform: translate(0px, 45px);
-webkit-transform: translate(0px, 45px);
}
#A .bajar {
-o-transition: 0.50s;
-moz-transition: 0.50s;
-webkit-transition: 0.50s;
}
Solo con eso ya me funciona, el problema es Explorer, no sé que debo poner para que funcione ahí tambien....
Podría alguien aclararme un poco?, la verdad es que no encuentro nada. En el curso estoy dando Html4 y css, por desgracia no nos hemos metido en html5 ni en css3.
Gracias de antemano.