Need Help

[sensesfail182]

Hey everyone, I am new to this forum. I have been doing html for about a year or so now. I'm not too great but I have an important question. On my site I have an I frame and I would like to make it translucent because there is an image behind it. Here is the site. And there is only one I frame.

http://s92101149.onlinehome.us/newsite/home.htm

Please help me. The site would look much nicer if it had a translucent I FRAME. Thanks in advance.

¬Matt

[jscheuer1]

This one's easy, make your iframe statement in home.htm look like this:

<IFRAME style="FILTER:alpha(opacity=70);-moz-opacity:0.70;" name=main src="home_files/welcome.htm" 
frameBorder=1 width=600 height=500 
frame></IFRAME>

Filter is for ie5+ and moz is for mozilla based browsers (ns6+ - I think and ff, others). The higher the number the brighter your iframe will be and the less the background will show through. The lower the number, the dimmer the I frame will appear and the more background will show through. One trick I've used with this effect is to load my image (in this case welcome.jpg) into a paint program and make it brighter so that when it is dimmed out by becoming translucent it looks better. It's up to your eye how you want to make it.

[sensesfail182]

I really appreciate your help. But is there anyway to make just the frame transparent because the page in the frame also because opake, because i want to make it almost like the frame is invisible but there. Like an opacity of .20. But when I do that you can't make out the page. Is there anyway to do that? Thanks for your help!

~Matt

[jscheuer1]

Not that I know of, you can try this hack, but I wouldn't recommend it:

 <img src=fback.png style="position:absolute;top:-3px;left:-3px;border:3px outset silver;FILTER:alpha(opacity=30);-moz-opacity:0.30;"><IFRAME name=main src="home_files/welcome.htm" 
frameBorder=0 width=600 height=500 
frame></IFRAME>

use attached fback.png, it's in fback.zip