Using a half transparent BG on an iFrame in IE

[rsrwebs]

Hello,

 

I have a website that uses 2 iFrames to display content though the index page. The background in the html documents displayed through the iframes is a PNG image that is black, but 50% transparent. The problem I'm having, naturally, is that it doesn't work properly in any version of IE.

 

The iframes are in a table that has two columns and two rows, the top row is dedicated to the navigation, and in IE 7 the 50% transparent bg works fine there! But in the two iframes the BG becomes an opaque gray. Even when I take out the BG on the HTML doc completely and put it into the table instead, it shows up the same.

 

I found a few different forms of code that made it completely transparent in IE, but I couldn't figure out how to make the half transparent PNG as the background again.

 

I'm not really worried about compatibility with Opera or Silverlight because those browsers aren't really that common. All I want to do right now is to make it compatible in IE and Firefox.

 

Any help is much appreciated.

-Raven

 

My current iframe code:

 

Body code for each HTML document shown inside the iframe:

[Wickham]

I didn't know the answer so I googled "transparency in iframes" and this was the first link. I don't know whether it works but it worked for someone so it's worth a try.

 

http://www.dynamicdrive.com/forums/showthread.php?t=724

 

and this which says the same:-

http://www.tech-recipes.com/rx/1253/htmlcss-transparent-iframes-in-all-browsers/

Edited June 23, 2009 by Wickham

[rsrwebs]

Y'know what, I found a couple things that almost do what I want them to do, but they're all CSS, so I think I'm going to repost in there.

 

Thanks for the help.

[rsrwebs]

I didn't know the answer so I googled "transparency in iframes" and this was the first link. I don't know whether it works but it worked for someone so it's worth a try.

 

http://www.dynamicdrive.com/forums/showthread.php?t=724

 

and this which says the same:-

http://www.tech-recipes.com/rx/1253/htmlcss-transparent-iframes-in-all-browsers/

 

Both of these are for the CSS transparency override that I found, but still won't make the BG partially transparent.

Thanks for the post though, I appreciate it.