View Full Version : backgrounds for iframes...


sammie
04-27-2003, 08:38 PM
ummm, i have a piccy for a background and was wondering if there was any way i could have an iframe with a transparent background so the text would move over my whole page background. [is this making sense?] does anybody know?

LOTRchick
04-27-2003, 08:53 PM
<iframe FRAMEBORDER="0" BORDER=1 width=300
height=385 src=""
name=iframe style="filter:alpha(opacity=70)" scrolling=Yes></iframe>

Here you go. You can resize the frame in the width and height spaces, and turn scrolling on and off with yes or no. In the src insert the name of the .html file where all the infomation where go in.

Hope this helps.

Dude128
04-27-2003, 09:57 PM
just be aware that that code also makes the text and scrollbar partially transparent, and that some browsers might not support it. the best way to do it is to cut out the part of the background that the iframe is covering, save it as a separate file, and set that as the background of the page inside the iframe.

sammie
04-28-2003, 12:27 AM
ill try them both out! im always so surprised how much people know! thank you so much!

sammie
04-28-2003, 12:34 AM
<iframe FRAMEBORDER="0" BORDER=0 width=406 height=225 src="start.html" name="main" style="position:absolute; left:366; top:30"
scrolling="auto" filter:alpha (opacity=70)></iframe>

like this?


<iframe FRAMEBORDER="0" BORDER=0 width=406 height=225 src="start.html" name="main" style="position:absolute; left:366; top:30" "filter:alpha (opacity=70)" scrolling="auto"></iframe>

or this?

Dude128
04-28-2003, 12:37 AM
like this:

<iframe FRAMEBORDER="0" BORDER=0 width=406 height=225 src="start.html" name="main" style="position:absolute; left:366; top:30; filter:alpha (opacity=70)" scrolling="auto"></iframe>

you should always just combine all the style attributes that you have, and separate everything within them with semicolons.

sammie
04-28-2003, 09:17 PM
im still trying to figure out how you geniouses do this stuff ^_^
thanks a bunch!