un div encima del otro (o superponer imagenes)

dscafati · #1 (**permalink**) 21/09/2009, 15:00

hola, quiero poner una foto por php y arriba un marco, es un png o gif con una parte transparente

como tengo que hacer para que el marco quede arriba de la imagen?

tengo

<div 1>marco como fondo
<div 2>
imagen
</div2>
</div 1>

pero asi no queda el marco arriba, sino abajo, como fondo

como tendria que hacer?....

gabriel0420 · #2 (**permalink**) 21/09/2009, 15:09

en el css ponnes esta propiedad:

z-index: un numero;

si el numero es 0 sera el que este debajo de todo y asi con el 1 que estara arriba con el 2,3,4 ,5 y etc!

servi de algo?

dscafati · #3 (**permalink**) 21/09/2009, 15:23

no, no me sirvio

abimaelrc · #4 (**permalink**) 21/09/2009, 15:39

tendrias que hacerlo algo así.

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
#marco{
    border: 3px solid #000;
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: 2;
}
#imagen{
    position: relative;
    background-color: #336699;
    color: #fff;
    width: 100px;
    height: 100px;
    padding: 3px;
    text-align: center;
    z-index: 1;
}
</style>
</head>
<body>
<div id="contenedor">
    <div id="marco"></div>
    <div id="imagen">imagen</div>
</div>
</body>
</html>

Cambia lo de border por background-image y así como tu quieras

dscafati · #5 (**permalink**) 21/09/2009, 15:52

Buenisimo, gracias