DIV Iframe Transparent

**ambellina** · 01-23-2005, 08:29 PM

First off, I'm sorry if this has been asked. I skimmed everything, but didn't really find this. Okay, I'm not sure which category (HTML or CSS) this would fit into, I think here though. I have this Iframe that's a DIV layer (because I'm too lazy to cut the background image up). But I can't seem to make the Iframe and its scrollbar transparent. I've tried everything that everyone has suggested. So far I've got this:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Driver Found</title>

<style type="text/css">

body{
direction:;
background-attachment:fixed;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #000000;
}
{font-family: century gothic, font-size: 8pt; color: #CCCCCC}
A
{ cursor:default;height:1px;behavior:url(link.htc);filter

rogid:dximagetransform.microsoft.iris(duration=1)}
a:link {color: #999999; text-decoration: none}
a:visited {color: #666666; text-decoration: none}
a:active {color: #999999; text-decoration: none}
a:hover {color: white; text-decoration: none}
p.dotted {border-style: dotted;border-width:1}
p.solid{border-style: solid;border-width:1}
p.dashed {border-style: dashed;border-width:1}
--->
</style>
</head>

<body background="back.jpg" bgcolor="#ffffff" text="#000000" link="#003399" vlink="#003399" alink="#003366">

<div style="position: absolute; left: 604px; top: 219px; height: 113px; width: 159px; overflow: auto;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-darkshadow-color: #CCCCCC;
scrollbar-shadow-color: #000000;
filter: Alpha(Opacity=80, FinishOpacity=0); border-style: none; border-width: 0">

<a href="news.htm" target="mainframe">News</a><br>
<a href="interior.htm" target="mainframe">Interior</a><br>
<a href="exterior.htm" target="mainframe">Exterior</a><br>
<a href="sponsers.htm" target="mainframe">Sponsers</a><br>
</div>

<div style="position: absolute; left: 6px; top: 8px; height: 374px; width: 465px; overflow: auto; filter: Alpha(Opacity=60, FinishOpacity=5); border-style: none; border-width: 0">
<iframe allowtransparency="true" src="info.htm" name="mainframe" height="370" width="500" frameborder="0"></iframe>
</div>

</body>

</html>

**QuietDean** · 01-24-2005, 12:36 AM

Hi,

theres a colour name called 'transparent', have you tried using that instead of the #ffffff colour codes?

**ambellina** · 01-29-2005, 10:46 AM

if you mean in place of the background color, then yes, but that still doesn't work. I'll try to fiddle with it somemore though.

Thread: DIV Iframe Transparent

Thread Tools

Related

Transparent Frameset Background. Forum: HTML Forum

Transparent over bg?? Forum: Myspace Forum

i need help make the blogs transparent Forum: CSS Forum

transparent background from b&w .ps, .eps Forum: Graphics Forum

Transparent Tables Forum: CSS Forum