Foros del Web » Creando para Internet » CSS »

Posicionar div encima de otro

Estas en el tema de Posicionar div encima de otro en el foro de CSS en Foros del Web. HOla amigos tengo el siguiente codigo <div style="z-index:100; float:left"> <img src="imagenes/logo_transparente_completo.png" alt="logo"/> </div> <div style="z-index:50; position:absolute; left:150px;"> <img src="imagenes/email_copia.jpg" alt="logo"/> </div> lo que quiero es ...
  #1 (permalink)  
Antiguo 28/12/2008, 19:49
 
Fecha de Ingreso: octubre-2006
Mensajes: 123
Antigüedad: 11 años, 1 mes
Puntos: 1
Posicionar div encima de otro

HOla amigos tengo el siguiente codigo
<div style="z-index:100; float:left">
<img src="imagenes/logo_transparente_completo.png" alt="logo"/>
</div>
<div style="z-index:50; position:absolute; left:150px;">
<img src="imagenes/email_copia.jpg" alt="logo"/>
</div>

lo que quiero es poner una imagen encima de otra. la de arriba tiene transparencia entones quiero que este por encima de la segunda imagen para que coja el fondo de la segunda imagen, y no consigo que se superponga

tal cual como esta ahora se superponen pero una no esta por encima de la otra, es decir no consigo el efecto deseado
alguna idea ?gracias
  #2 (permalink)  
Antiguo 29/12/2008, 04:01
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Posicionar div encima de otro

Que navegador tienes?? Las transparencias no funcionan para Internet Explorer 6, pero existe un hack para ello...
Porqué no nos pones las imágenes para que podamos trastear?

Un saludo!!

Aresillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #3 (permalink)  
Antiguo 29/12/2008, 05:22
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Posicionar div encima de otro

Para que te funcione debes poner position relative al primer div:

<div style="z-index:100; float:left; position: relative;">
__________________
Visita mi nueva web idplus.org
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 06:35.