Tech-Recipes - Latest Comments in HTML/CSS: Transparent iframes in All Browsers

Re: HTML/CSS: Transparent iframes in All Browsers

Lisaman — Mon, 23 May 2011 02:57:25 -0000

I get the internet explorer cannot find web page look and no iFrames writtten underneath. The iFrame works perfectly in facebook developper page but not my website. Do you have to Switch oniFrame in the template css or something!!

Re: HTML/CSS: Transparent iframes in All Browsers

Bp_one — Mon, 07 Mar 2011 07:08:01 -0000

Hey! have you a fix? where??? PLEEEEEASE!!!!!!!!!

Re: HTML/CSS: Transparent iframes in All Browsers

Bp_one — Mon, 07 Mar 2011 07:00:38 -0000

Hi, I have the same problem, I've tried everything and have made no diff. did you get there??

Re: HTML/CSS: Transparent iframes in All Browsers

Evens Goddard — Fri, 25 Feb 2011 01:14:54 -0000

Posted 5 years ago and today you fix the issue, you're the man!
to be honest with you i don't like iExplorer at all! XD

Re: HTML/CSS: Transparent iframes in All Browsers

Henk frh — Sat, 05 Feb 2011 08:31:22 -0000

Take a look at http://members.tele2.nl/tel...

See here the transparancy in action.

You have to put this in your html code of each page you write:
body style="background-color:transparent">

By the the page you have your iframe write as fallow;

iframe id="iframe" allowTransparency="true" scr="#" </iframe>

This will work. :-)

Re: HTML/CSS: Transparent iframes in All Browsers

Ivanamrkic — Mon, 03 Jan 2011 19:29:20 -0000

Does not work in Crome !!

Re: HTML/CSS: Transparent iframes in All Browsers

Website Design India — Sat, 25 Dec 2010 01:53:58 -0000

nice detail

Re: HTML/CSS: Transparent iframes in All Browsers

Andy — Tue, 21 Dec 2010 06:47:49 -0000

Hello All,

This works very well indeed!

You can set a style rule of background:transparrent; directly to your iFrame if your unable to put it on the body class. Looks great in ie6!

Re: HTML/CSS: Transparent iframes in All Browsers

Marco — Thu, 02 Dec 2010 06:22:06 -0000

Have you read http://www.marcorama.nl/p/t... ?
HTH
Marco

Re: HTML/CSS: Transparent iframes in All Browsers

Frank — Wed, 01 Dec 2010 19:32:10 -0000

Hi guys,

I realize this is quite an old thread, but still i give it a try.

I am trying to get the background of an inline frame made in webbuilder 7.1 to be transparent, it is so in Safari, but on IE it remains white, even after trying the allowtransparent=true etc.

Here is a link to the page: http://www.thomas-vernhes.c...

i hope someone can help me out here as i have spend most of this day on figuring it out but remained unsuccesfull :-)

Best regards,
Frank van Nunen

Re: HTML/CSS: Transparent iframes in All Browsers

Ranadhir — Fri, 22 Oct 2010 04:56:38 -0000

Thats a great help... Thanks :)

Re: HTML/CSS: Transparent iframes in All Browsers

Vishalpotdar — Fri, 10 Sep 2010 15:07:08 -0000

i tried doing what all you have said, but no matter what it always show the white background in the IE.

Re: HTML/CSS: Transparent iframes in All Browsers

Remembrance — Thu, 09 Sep 2010 08:07:31 -0000

Thanks ) usefull notes ) P.S. I have IE :)

Re: HTML/CSS: Transparent iframes in All Browsers

BBNC — Mon, 30 Aug 2010 23:37:19 -0000

A blast from the past. How do I make the script write the iframe on page load as opposed to when the "Go" link is clicked?

Re: HTML/CSS: Transparent iframes in All Browsers

BBNC — Mon, 30 Aug 2010 23:36:14 -0000

…oops

Re: HTML/CSS: Transparent iframes in All Browsers

sue — Thu, 29 Jul 2010 07:58:41 -0000

No, it's not stupid. Stupid is IE to do not allow it by default...

Re: HTML/CSS: Transparent iframes in All Browsers

MikeyC — Tue, 08 Jun 2010 05:57:24 -0000

Brilliant! Thank you for sharing.

Re: HTML/CSS: Transparent iframes in All Browsers

Maxim Tarasenko — Sun, 23 May 2010 08:54:26 -0000

thank you very much

Re: HTML/CSS: Transparent iframes in All Browsers

Sam — Mon, 22 Mar 2010 13:21:56 -0000

FYI: ALLOWTRANSPARENCY is not valid html - stupid but true.

Re: HTML/CSS: Transparent iframes in All Browsers

Marco — Sat, 20 Mar 2010 15:12:01 -0000

Thanks for the info, I’ve used your code to write http://www.marcorama.nl/p/t....
HTH
Marco

Re: HTML/CSS: Transparent iframes in All Browsers

razmusnordin — Tue, 24 Nov 2009 19:32:47 -0000

I've literally been hunting the entire WWW for a solution for this problem & finally got it thanks to you. =) I have one more doubt though. When I load the main page, initially, the iframe area (enclosed in a 'td') is white and doesn't display the background of the td. When I load the other page into the iframe, it works then. Can you suggest a method for the td background to load initially too? (The compatibility issue is IE here)

Re: HTML/CSS: Transparent iframes in All Browsers

jaz — Tue, 23 Jun 2009 05:56:37 -0000

why is it not working on ie 7.0.0.6

Re: HTML/CSS: Transparent iframes in All Browsers

el_guapo — Thu, 09 Oct 2008 01:36:22 -0000

finally :)
thanks...

Re: HTML/CSS: Transparent iframes in All Browsers

Mike — Wed, 01 Oct 2008 22:35:58 -0000

Great post,

What if your iframe isn't internal. Lets say for instance it is an iframe from a google doc you have embedded into your page. How do you go about making that iframe transparent?