Iframe back ground

Arc

Is there any way to make an I Frame have a transparent background so that the background image from the page that the I Frame is on shows through?

nemonoman

My son's website does this: www.theqmusic.com. Check his source code for all his tricks. I think it only works on IE6, however.

pjleonhardt

for those who were wondering it looks like the only thing he did was add
allowtransparency="true" to the iframe tag
ie:

nemonoman

awww....that takes all the fun out of it!

Arc

Hmm, so anyone using IE 5 or under would still see the IFrame back ground color?

I'll look into it... thanks!

Arc

Hmm i just tried allowtransparency="true" and I didnt; work. I can see that the Iframe on the kids site is transparent but when I try to use it, it doesn;t work.

Here's the code I'm using.

Basically the exact same code, but not the same results. Any idea what I am leaving out?

Weedpacket

If you give the iframe a style of "background-color:transparent" it will (at least, it's supposed to) let the background of the source document show through, unless the document sourced in the iframe specifies its own background.

<html>
<body style='background-image:url(vfdt1.png)'>
<iframe src='foo.html' style='background-color:transparent'
width='200' height='200'>
</iframe>
Foo!
</body>
</html>

Foo.html:

<html><body>Bar!</body></html>

This has the advantage of not being IE-specific.

Arc

That doesn't work either. I was thinking the style='background-color:transparent' goes in the Body tag, not the IFRAME tag.

I can't try it as of yet cause the page is in a template and I am waiting on another person to change it.