Cómo superponer una imagen sobre otra en CSS

S

sebasxnco

Épsilon

• 17 Sep 2010

• #1

hola

en mi sitio tengo un custom-field con el cual le agrego una imagen de play encima de la imagen del post pero tiene un problema que es que aparece debajo de la imagen del post

que le tengo que agregar al css para que se sobre monte encima de la imagen del post

 

Angel Ortega

1

Iota

Diseñador

Verificación en dos pasos activada

Suscripción a IA

• 17 Sep 2010

• #2

muy facil, localiza el codigo css de cada imagen, y en la del play pon un z-index:10; si sigue sin estar arriba ve aumentando la numeracion, esta propiedad es para definir por asi decirlo en 3d la posicion de los elementos de la pagina, el valor por defecto es 0.

Espero te haya servido, Saludos

 

T

thejigg0695

Dseda

Redactor

• 17 Sep 2010

• #3

pues yo inevstigando un poco encontre esto

Insertar CODE, HTML o PHP:

<DIV STYLE="position:absolute; top:150px; left:150px; width:200px; height:200px; visibility:visible z-index:1">
<IMG SRC="imagen01" border=0>
</DIV>

<DIV STYLE="position:absolute; top:150px; left:150px; width:200px; height:200px; visibility:visible z-index:2">
<IMG SRC="imagen02" border=0>
</DIV>

me dices si te sirvio
:top:saludos

fuente: CSS: Colocacin dinmica

----------------------------------------------------------------------------------------------------------

lo encontre compañero 😀

Insertar CODE, HTML o PHP:

<div class="contenedor">
<img src="imagen:abajo.gif" alt="TheJigg0695" style="background-image: URL(imagen_arriba.gif);"/>
</div>

fuente : Tutoriales: Imágenes con marcos - html life
espero sea de tu ayuda y espero dedo verde Enlace eliminado
saludos:top:

 

Última edición: 17 Sep 2010

S

sebasxnco

Épsilon

• 19 Sep 2010

• #4

listo gracias