View Full Version : Transparent iframes


rebecca
02-18-2003, 04:21 PM
I akm trying to make a transparent frame, and I am not sure what in this code isn't right. Any ideas?

<div align="center"><img src="../main.jpg" width="750" height="550"> </div>
<iframe style="position:absolute; top:125px; left:240px; width:501px; height:325px;"ALLOWTRANSPARENCY="true">
</iframe>

JennCat911
02-18-2003, 06:59 PM
Make sure that in your stylesheet, or in your css that you include

background-color: transparent

in your body section. Hope that helps!

rebecca
02-19-2003, 05:34 AM
This is my code in my index page:

<iframe src="inline.html" name="inlineframe" style="position:absolute; top:151px; left:237px; width:501px; height:325px; ALLOWTRANSPARENCY="true">
</iframe>

And this is what I added to the page:

<style type="text/css">
<!--



body
{ scrollbar-arrow-color: #000000;
scrollbar-base-color: #727268;
scrollbar-dark-shadow-color: #E5E5E5;
scrollbar-highlight-color: #ffffff;
scrollbar-track-color: #999966;}

background-color: transparent;


-->
</style>

The background comes up white on the index page.

<sniff> I really am trying to figure this out.... REALLY!!!

JennCat911
02-19-2003, 12:16 PM
oo, don't forget to include the background tag in the sqiggley, like this

<style type="text/css">
<!--
body
{ scrollbar-arrow-color: #000000;
scrollbar-base-color: #727268;
scrollbar-dark-shadow-color: #E5E5E5;
scrollbar-highlight-color: #ffffff;
scrollbar-track-color: #999966;background-color: transparent;
}
-->
</style>

if that doesn't work, i'm stumped, like i am on mine. mine's not working either, i'm waiting for a reply on another forum, hope that works for you though. :)

rebecca
02-19-2003, 02:04 PM
Nope.... that didn't do it either. Thanks for trying though!!!

Woods Witch
02-28-2003, 06:27 AM
to allow transparency in an inline frame add the following code to your iframe tag:

ALLOWTRANSPARENCY="true"

for the background of an iframe to be transparent, go to the page you wish to have a transparent
background and add this code to your head tag:

<style type="text/css">
<!--
body { background-color: transparent; }
--!>
</style>