[Código] Iframe con el fondo transparente o sin fondo

Sección para"expertos", que quieren cambiar el código HTML de su página o insertar Java Scripts, Iframes, etc.. Si eres principiante, esta sección no te hace falta.

ModeradorCOLON Moderadores

Klk3
ExAdministrador
ExAdministrador
MensajesCOLON 2803
RegistradoCOLON 18 Nov 2005 16:09
UbicaciónCOLON Barcelona,España
CONTACTCOLON

[Código] Iframe con el fondo transparente o sin fondo

Notapor Klk3 » 14 Sep 2009 11:38

Hola amigos, para un nuevo diseño que tengo pensado necesito iframes transparentes e investigando he encontrado la solucion para todos o casi todos los navegadores.

Para haceros a la idea el archivo "dentro.html" será lo que vemos en el iframe y el "fuera.html" será donde pondremos el iframe.

esto es lo que hay que hacer.

En el archivo "dentro.html"
Entre <head> y </head> pon este código.

CódigoColon Seleccionar todo

<style type="text/css">
   body { Background: transparent; }
</style>


esto hace que tengamos fondo transparente.

Ahora vamos al archivo "fuera.html" y creamos un iframe añadiendole allowtransparency="true"

de manera que por ejemplo nos podria quedar así:

CódigoColon Seleccionar todo

<iframe width="574" height="377" allowtransparency="true" src="dentro.html" name="nombre ifrmae" scrolling="yes" border="0" frameborder="0" title="mi iframe"></iframe>



Espero que os sea de utilidad, saludos
Imagen
Hasta siempre ha sido un placer muy grande :D

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Código] Iframe con el fondo transparente o sin fondo

Notapor Ivan » 15 Sep 2009 00:00

Klk3 escribióColonHola amigos, para un nuevo diseño que tengo pensado necesito iframes transparentes e investigando he encontrado la solucion para todos o casi todos los navegadores.

Para haceros a la idea el archivo "dentro.html" será lo que vemos en el iframe y el "fuera.html" será donde pondremos el iframe.

esto es lo que hay que hacer.

En el archivo "dentro.html"
Entre <head> y </head> pon este código.

CódigoColon Seleccionar todo

<style type="text/css">
   body { Background: transparent; }
</style>



Ahora vamos al archivo "fuera.html" y creamos un iframe añadiendole allowtransparency="true"

de manera que por ejemplo nos podria quedar así:

CódigoColon Seleccionar todo

<iframe width="574" height="377" allowtransparency="true" src="dentro.html" name="nombre ifrmae" scrolling="yes" border="0" frameborder="0" title="mi iframe"></iframe>



Espero que os sea de utilidad, saludos

y si quiero una transparencia del 50%. Es decir, si el "afuera" es blanco, que en "dentro" quede gris...?

Klk3
ExAdministrador
ExAdministrador
MensajesCOLON 2803
RegistradoCOLON 18 Nov 2005 16:09
UbicaciónCOLON Barcelona,España
CONTACTCOLON

Re: [Código] Iframe con el fondo transparente o sin fondo

Notapor Klk3 » 15 Sep 2009 16:58

eso es la opacidad nunca lo he usado asi que no se peros i buscas algo encontraras
Imagen
Hasta siempre ha sido un placer muy grande :D


Volver a

¿Quién está conectado?

Usuarios navegando por este Foro: 8 y 0 invitados