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>