Poner div sobre iframe

Serenity · 03/06/2009, 10:08

Hola!!, desde ya gracias por su atención.

Es posible poner un div sobre un iframe??, si es correcto, cómo se hace??,

Gracias por la ayuda

ssclamp · 03/06/2009, 10:36

Hola Serenity

Es perfectamente posible, sólo tienes que tener colocado el iframe en una posición exacta, mediante posiciones absolutas o relativas y colocar la capa exactamente en la misma posición y con un z-index mayor (para que quede por encima).

Si esto no te queda claro, pon tu código y lo ajustamos.

Saludos

Serenity · 03/06/2009, 10:53

Gracias ssclamp,

tengo lo siguiente:

<html>
<body>
<head>
<style type="text/css">
#imagen{ position:absolute; z-index:1; }
#cuadro{ position:absolute; z-index:0; }
</style>

</head>

<body>

<iframe name="cuadro" src="fotos.htm" width="708" height="526"></iframe>

<p> </p>

<div id="imagen">
<img src="imagenes/logotipo.jpg" width="708" height="25">
</div>
</body>
</html>

ssclamp · 03/06/2009, 16:58

Hola Serenity

Siguiendo tu esquema, este es el resultado:

Código HTML:

<html>

<head>

<style type="text/css"> 
#imagen {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
	width: 708px;
	height: 25px;
} 
#portacuadro {
	position:absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	width: 708px;
	height: 526px;

} 
</style>

</head>

<body>
<div id="portacuadro">
	<iframe name="cuadro" height="100%" width="100%" scrolling="no" border="0" frameborder="0" src="fotos.htm"></iframe>
</div>

<div id="imagen">
	<img src="logotipo.jpg" width="708" height="25">
</div>

</body>
</html>

Saludos

seyko21 · 06/05/2012, 23:35

Hola, estuve viendo la solucion a este problema, pero quisiera saber como hacer lo mismo pero en IE...gracias