Comments on: HTML/CSS: Transparent iframes in All Browsers

By: Luxury Hotels In Ranchi

Luxury Hotels In Ranchi — Fri, 28 Oct 2011 06:53:38 +0000

This is awesome – thank you for all this valuable information.

By: Chris

Chris — Fri, 09 Sep 2011 19:41:57 +0000

Many thanks! I need to sow a complete book on my web site, and was exploring a horrible “import text” hack. Your simple method was exactly hat I wanted – I set aside a day to solve the problem and it only took five minutes! Thanks again!

By: Lisaman

Lisaman — Mon, 23 May 2011 06:57:00 +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!!

By: Bp_one

Bp_one — Mon, 07 Mar 2011 12:08:00 +0000

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

By: Bp_one

Bp_one — Mon, 07 Mar 2011 12:00:00 +0000

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

By: Albert Goddard

Albert Goddard — Fri, 25 Feb 2011 06:14:00 +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

By: Henk Muskita

Henk Muskita — Sat, 05 Feb 2011 13:31:00 +0000

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

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=”#”

This will work. :-)

By: Ivanamrkic

Ivanamrkic — Tue, 04 Jan 2011 00:29:00 +0000

Does not work in Crome !!

By: Website Design India

Website Design India — Sat, 25 Dec 2010 06:53:00 +0000

nice detail

By: Andy

Andy — Tue, 21 Dec 2010 11:47:00 +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!