Está usted en Indice > Construcción > Lenguajes > HTML > Lecciones y Paso a Paso > IFrame Transparente
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

IFrame Transparente

Hará unos 3 años un compañero de clase me preguntó cómo podia hacer un iframe con el fondo transparente para un weblog con un diseño muy cuidado que supongo que ya no debe estar online.

Me costó un poco dar con una solucion pero como siempre acabé recurriendo a msdn con éxito, y ahora voy a explicaros el procedimiento a seguir para que un determinado iframe tenga el mismo fondo que la página en el que esta inserido.

El código con el que insertaremos el iframe será un poco distinto, ya que incorporará el atributo booleano AllowTransparency de la siguiente manera:

<iframe src="pagina.htm" AllowTransparency> </iframe>

Ademas en las páginas que incluyamos en nuestro iframe deberemos especificar que tienen el fondo transparente, esto lo haremos de la siguiente manera:

pagina.htm
<html>
<head><title>prueba</title></head>
<body style="background-color: transparent;">
Texto de la página
</body>
</html>

Y ya tenemos un iframe con el fondo transaprente, a que es sencillo, pues el efecto que conseguiremos puede ser realmente muy atractivo.

Artículo por cortesía de Eloi de San Martín
www.programacionweb.net



Usuarios que han visto este tema también han visto...

- Escribir por encima de las imagenes en html
- Uso de Listas en HTML
- Texto preformateado con HTML
- Uso de mailto: para enviar mensajes desde un enlace en HTML
- Listas en HTML


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 18-03-2010 a las 17:40:53