rsrwebs Posted June 23, 2009 Report Share Posted June 23, 2009 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: Quote Link to comment Share on other sites More sharing options...
Wickham Posted June 23, 2009 Report Share Posted June 23, 2009 (edited) 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 Quote Link to comment Share on other sites More sharing options...
rsrwebs Posted June 26, 2009 Author Report Share Posted June 26, 2009 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. Quote Link to comment Share on other sites More sharing options...
rsrwebs Posted June 26, 2009 Author Report Share Posted June 26, 2009 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. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.