I just made a new layout, and I have an iframe box that I want to have a transparent background.

There are two codes that I know you should use since it's worked for me before, the one on the iframe page and the one on your site's style sheet.

My iframe part is as follows:

<iframe FRAMEBORDER="0" BORDER=0 width=358
height=534 src="BLOGGIE.htm" name=bigbox style="position:absolute; left:3; top:64" scrolling=auto allowTransperency=true></iframe>

-----------------------------------
And here is my style sheet:

<style type="text/css">
A:visited{color:white; font-size:7pt; cursor:nw-resize; text-decoration: strike; font-weight:lightest}
A:hover{color:white; text-decoration: none; cursor:nw-resize; font-weight:lightest; position:relative; background:white; left:1px; top:1px; border:1;}
A {font: 7.5pt verdana; color:white; font-weight: bolder; cursor:n-resize; font-weight:lightest}
TD, FONT, P, BR, BODY, H1, H2 {color:white; font-family: verdana; font-size:7pt;font-weight:none}

BODY {background:transparent;


scrollbar-base-color:#800000}

td
{ font-family: verdana;
color: white;
padding-left: 0cm;
padding-right: 0cm;
padding-top: 0cm;
padding-bottom: 0cm;
padding: 0cm;
padding: 0cm }

input, textarea
{ background: #800000;
font-family: verdana;
color: white;
border-style: solid;
border-color: #800000;
border-width: 1px }
</style>
---------------------------------

What am I doing wrong?

P.S. To see what it looks like go to http://www.geocities.com/laffzers/fptest.htm (it's the biggest box)

add this inside your IFRAME code:

<style="filter:alpha(opacity=any number which tells how transparent you want it)">

Originally posted by zangerbanger
<style="filter:alpha(opacity=any number which tells how transparent you want it)">

In that any # that tells how transparent it is spot, just as a note, lower #'s equal higher transparency; higher #'s don't appear as transparent