rundellt2000
06-28-2003, 12:57 AM
Here's how they can be transparent.
First, pick a color that you won't need on your subpage (the one in the iframe). Get the color code. YOU MUST NOT USE IT ANYWHERE ON YOUR SUBPAGE!
In your Iframe code, add this:
style="FILTER: chroma (color=40FF40);"
Change 40FF40 to the color you chose earlier.
In your subpage (the one in your Iframe), make the background color the one you chose earlier. You can do this with the normal bgcolor="color", CSS (background:color;) or an External style sheet.
Save your pages. Hopefully the Iframe should be transparent!
I'm not sure what browsers this code works in, any ones which allow transparent scrollbars should allow this.
My example: My page is maroon, so I won't need lime green. I'll use the lime-green used above:
40FF40 .
My Iframe:
<iframe src="blog.html" width="475" height="575" name="content" frameborder="0" style="FILTER: chroma (color=40FF40);"></iframe>
My blog.html:
<html>
<head>
<title>Blog!</title>
</head>
<body>
Blog here! Blog here! Blog Here!
</body>
</html>
That's how to make transparent iframes.
Thanks to www.jennyspage.net, I altered the transparent scrollbar tutorial, thinking If it work's for scrollbars, why not for Iframes?.
Vote in the poll, so I can determine what browsers it works for.
First, pick a color that you won't need on your subpage (the one in the iframe). Get the color code. YOU MUST NOT USE IT ANYWHERE ON YOUR SUBPAGE!
In your Iframe code, add this:
style="FILTER: chroma (color=40FF40);"
Change 40FF40 to the color you chose earlier.
In your subpage (the one in your Iframe), make the background color the one you chose earlier. You can do this with the normal bgcolor="color", CSS (background:color;) or an External style sheet.
Save your pages. Hopefully the Iframe should be transparent!
I'm not sure what browsers this code works in, any ones which allow transparent scrollbars should allow this.
My example: My page is maroon, so I won't need lime green. I'll use the lime-green used above:
40FF40 .
My Iframe:
<iframe src="blog.html" width="475" height="575" name="content" frameborder="0" style="FILTER: chroma (color=40FF40);"></iframe>
My blog.html:
<html>
<head>
<title>Blog!</title>
</head>
<body>
Blog here! Blog here! Blog Here!
</body>
</html>
That's how to make transparent iframes.
Thanks to www.jennyspage.net, I altered the transparent scrollbar tutorial, thinking If it work's for scrollbars, why not for Iframes?.
Vote in the poll, so I can determine what browsers it works for.