Foros del Web » Creando para Internet » CSS »

div encima de gif animado

Estas en el tema de div encima de gif animado en el foro de CSS en Foros del Web. Hola Tengo una div encima de un gif animado, el problema es que en internet explorer, cuando el gif cambia la imagen, sitiua el gif ...
  #1 (permalink)  
Antiguo 12/02/2008, 09:23
 
Fecha de Ingreso: octubre-2006
Mensajes: 68
Antigüedad: 11 años, 1 mes
Puntos: 0
div encima de gif animado

Hola
Tengo una div encima de un gif animado, el problema es que en internet explorer, cuando el gif cambia la imagen, sitiua el gif en primer plano.
Si hago la prueba y no pongo un gif estatico todo funciona bien, he probado de poner la imagen como tal o como fondo de capa y tampoco funciona

El codigo es:

.div1 {z-index:2}
.div2 {background-color:#FFFFFF; filter:alpha(opacity=86); opacity:.86; border:1px solid; position:relative; margin-top:-100px; z-index:10}


<div class="div1">
<img src="la ruta del gif" alt="mi imagen" />
</div>
<div class="div2">
Texto
</div>


Alguna idea
  #2 (permalink)  
Antiguo 12/02/2008, 15:02
 
Fecha de Ingreso: enero-2008
Ubicación: -
Mensajes: 62
Antigüedad: 9 años, 11 meses
Puntos: 0
Re: div encima de gif animado

hola amigo... estaria bueno que subieras ese .gif a un servidor...para poder ayudarte mejor..osea que pongas una imagen.
para poder citarte ejemplos. y asi puedan ayudarte

nos vemos
  #3 (permalink)  
Antiguo 13/02/2008, 09:49
 
Fecha de Ingreso: octubre-2006
Mensajes: 68
Antigüedad: 11 años, 1 mes
Puntos: 0
Re: div encima de gif animado

No lo tengo online, pero un ejemplo seria esto, la imagen la he forzado para que sea del mismo tamaño de la que tengo

gracias

<style>
.div1 {z-index:2}
.div2 {background-color:#FFFFFF; border:1px solid; position:relative; margin-top:20px; z-index:10; text-align:left; margin-top:-100px}
.div2 div{ background-color:#004190; color:#FFFFFF; text-align:left; font-size:12px; padding:5px; z-index:10;}
</style>
<body>

<div class="div1">
<img src="http://img485.imageshack.us/img485/6055/ggwe1.gif" alt="" width="403" height="229" /></div>
<div class="div2">
<div >Texto en castellano </div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque eget odio. Proin blandit nonummy mauris. Fusce venenatis, purus ac porttitor mollis, lorem lectus elementum est, at vulputate urna sapien a ante. Morbi vestibulum. Maecenas massa. Suspendisse potenti. Pellentesque accumsan convallis est. Quisque euismod libero ut quam. Suspendisse sit amet lectus eu leo lacinia fringilla. Vestibulum ante lacus, fringilla quis, congue vitae, adipiscing in, massa. Nunc urna justo, pretium ac, fringilla id, imperdiet eget, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec mattis ullamcorper magna. Suspendisse potenti. Ut sed nibh.
</div>
  #4 (permalink)  
Antiguo 13/02/2008, 12:51
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 9 años, 11 meses
Puntos: 181
Re: div encima de gif animado

haber si esto te sirve de ayuda



Código HTML:
.div1 { background-image:url(http://img485.imageshack.us/img485/6055/ggwe1.gif);
width: 403px; height: 229px;}

<div class="div1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque eget odio.
Proin blandit nonummy mauris. Fusce venenatis, purus ac porttitor mollis, 
lorem lectus elementum est, at vulputate urna sapien a ante. Morbi vestibulum.
</div> 
  #5 (permalink)  
Antiguo 13/02/2008, 13:09
 
Fecha de Ingreso: octubre-2006
Mensajes: 68
Antigüedad: 11 años, 1 mes
Puntos: 0
Re: div encima de gif animado

Gracias,
pero no, necesito que este en una capa independiente de la imagen,
  #6 (permalink)  
Antiguo 14/02/2008, 11:57
 
Fecha de Ingreso: febrero-2008
Mensajes: 38
Antigüedad: 9 años, 10 meses
Puntos: 0
Re: div encima de gif animado

¿has probado con Z-index?

aqui tienes una dirección que muestra lo que tu quieres, solo que el gif no es animado
http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex2
  #7 (permalink)  
Antiguo 15/02/2008, 02:40
 
Fecha de Ingreso: octubre-2006
Mensajes: 68
Antigüedad: 11 años, 1 mes
Puntos: 0
Re: div encima de gif animado

muchas gracias, me funciona!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:21.