Como poner una imagen encima de un frame?

Nova · #1 (**permalink**) 28/03/2012, 13:08

Hola amigos, bueno al grano.
Espero sea facil para ustedes ya que yo me demoré casi toda la mañana sin exito
Intento poner una imagen encima de un iframe, asi de simple, espero que la implementacion sea igual de facil

Esto es el intento.

Código HTML:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style>

.dos{
	z-index:0
	}
.uno{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 140px;
	height: 48px;
	background-repeat:no-repeat;
	z-index:100;
}
</style>
</head>

<body><div><div class="uno"><img src="http://www.misitio.com/images/vida-actual.png" height="47"  /></div><div>
<iframe class="dos" src="http://www.google.com" height="100%" width="100%" frameborder="0" marginheight="0" marginwidth="0" /></div></div>
</body>

Espero puedan darme una solucion, gracias

ryugen · #2 (**permalink**) 28/03/2012, 14:05

Sin mayores complicaciones así:
http://jsfiddle.net/JRWpS/

Nova · #3 (**permalink**) 28/03/2012, 14:49

Muchas gracias ryugen, y disculpa la ignorancia es que no se como implemetar la solución ...
Por favor si no fuera molestia podrías indicarme lo que tengo que copiar.

Nova · #4 (**permalink**) 28/03/2012, 14:57

Lo logré :D nomas que tengo un problema y es que se crean 2 scroll cuando la pagina es muy larga, hay alguna forma de como disimular ambos escrolls en uno solo, la idea es que los visitantes no se den cuenta de que estan en un iframe.
Otra cosa es como elimino los margenes del iframe y que el iframe ocupe el total del navegador.
muchas gracias nuevamente