iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare Posts in the discussion thread "iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute" - including a flash menu works perfectly on all browsers except IE6 because of this Thu, 12 Mar 2026 23:05:23 +0000 http://org.wikidot.com/forum/t-57746#post-1227611 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-1227611 Fri, 12 Aug 2011 13:08:38 +0000 dudasalinas 1122479 Oi Adriano, muito obrigado. Dois dias quebrando a cabeça, sua solução foi a perfeita.
(Thanks, after 2 days working hardly, your solution to this is perfect!

]]> http://org.wikidot.com/forum/t-57746#post-877849 (no title) http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-877849 Mon, 20 Sep 2010 21:31:54 +0000 Sergiu Thanks Adriano!

]]> http://org.wikidot.com/forum/t-57746#post-737504 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-737504 Mon, 29 Mar 2010 13:30:21 +0000 hoalongsinh Thanks very much! That is working with IE6

]]> http://org.wikidot.com/forum/t-57746#post-708367 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-708367 Wed, 24 Feb 2010 19:31:18 +0000 Yumanji Great, great, great!!!!!

This is the first site where i can found a true solution!
Thanks a lot, Adriano.

and.. What are thinking about de IE developers when put this parameter????????????

]]> http://org.wikidot.com/forum/t-57746#post-645787 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-645787 Tue, 01 Dec 2009 15:30:57 +0000 Adriano Galesso Alves Sorry, Im just a year late!!!

To Iframe transparent background n IE6, just put this style on the Iframe

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

=)

Hugs, Adriano

]]> http://org.wikidot.com/forum/t-57746#post-175618 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-175618 Fri, 30 May 2008 19:47:50 +0000 Stephen Kay 104076 The fact is, it has nothing to do with Flash; the same results happen trying to embed a DHTML menu into a wikidot page. The iframe will have a white background in IE6 covering up the entire section of the page where the menu extends. It is apparent that some modification would need to be made to wikidot's handling of the iframe declaration; they need to make it possible to pass the allowTransparency attribute.

Additionally, this means that if, for some reason, you have a non-white background on your wiki pages and you embed some content with iFrame, it will always have a white background in the iFrame area with IE6, whereas you can get transparency with other browsers.

]]> http://org.wikidot.com/forum/t-57746#post-175606 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-175606 Fri, 30 May 2008 19:37:02 +0000 Stephen Kay 104076 Sorry, I sort of stopped paying attention to this and searched for a different solution. You can now see at my wiki that I have a menubar that looks sort of the way I wanted the flash one to look (by modifying the CSS).

The fact is, I tried for days to make it work in IE6 and it is apparent that some modification would need to be made to wikidot's handling of the iframe declaration; they need to make it possible to pass the allowTransparency attribute.

So I've removed the sandbox page, but all the code necessary to try the example is available up above it you should want to experiment with it on your own wiki.

The fact is, it has nothing to do with Flash; the same results happen trying to embed a DHTML menu into a wikidot page. The iframe will have a white background in IE6 covering up the entire section of the page where the menu extends. It needs the allowTransparency attribute.

]]> http://org.wikidot.com/forum/t-57746#post-170777 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-170777 Sun, 25 May 2008 17:23:41 +0000 Gabrys 2462 It does not work well in Linux Firefox 3.0 as well.

It's all black with menu on the top.

Dealing with transparent Flashes IS always a bad choice (from my experience).

]]> http://org.wikidot.com/forum/t-57746#post-165582 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-165582 Sun, 18 May 2008 10:16:31 +0000 tsangk 47197 Hey!

I'm not a Wikidot Dev. but i'm trying to do that! It's just that i need permision to edit your page sandbox…..

So can you give me permission?

]]> http://org.wikidot.com/forum/t-57746#post-161539 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-161539 Sun, 11 May 2008 15:22:36 +0000 Stephen Kay 104076 Hello? I love wikidot, but can't a developer check this out or give some advice?

]]> http://org.wikidot.com/forum/t-57746#post-158886 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-158886 Tue, 06 May 2008 22:09:35 +0000 Stephen Kay 104076 bump? Really need to get an answer from the developers on this…. thanks…

]]> http://org.wikidot.com/forum/t-57746#post-157286 iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://org.wikidot.com/forum/t-57746/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtranspare#post-157286 Sun, 04 May 2008 08:49:43 +0000 Stephen Kay 104076 (this is a posting of a message that I posted at wikidot.com, I'm sort of desperate…)

I am trying to insert a flash generated menu bar in the top of my wiki site. I am using iframe to do it, and it works perfectly on Safari, Firefox, and IE 7. You can see it here on this test page, under the top graphic (there is also still the normal wiki top menu bar as well, which I would remove later):

http://karma-lab.wikidot.com/sandbox:menubar-test

It uses swfobject.js with a setting of wmode = transparent to embed the flash menu bar, inside the html file that is [[iframed]] (source is included below).

The problem is that in IE6, the iframe is NOT transparent, it has a white background, completely covering the page for about 300 pixels down.

If I use the "IE DOM Inspector" plug-in in IE6 to "live edit" the html being displayed, the only thing that works is to add allowTransparency="true" to the <iframe> tag. Instantly, the iframe is transparent and it works as expected.

However, there seems to be no way to actually influence the setting of this from within wikidot, or from the CSS sheet. allowTransparency seems to be an html only parameter, and it is not one of the ones that wikidot allows to be set using [[iframe]]. As you can see from the source below, I try to set it in multiple different places in the CSS file and the wiki source, just for the heck of it.

Any way to get around this? I'd really like to use this flash top menu, but if it can't work on IE 6, I think I have to bag it. Sad, after spending like two days figuring out how to get this far. Here's my source:

The test page in the wiki:

[[div class="menubar-wrapper"]] [[iframe http://www.mydomain.com/flashobj/wiki-menubar_nt.html class="menubar-iframe" frameborder="0" scrolling="no" width="668" height="300" allowTransparency="true"]] [[/div]]

The iframed file:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <style type="text/css" media="all"><!-- #menubar { } --></style> <script type="text/javascript" src="/flashobj/swfobject.js"></script> <script type="text/javascript"> function changeSize(id, value) { document.getElementById(id).style.height = value + 'px'; } </script> </head> <body> <div id="menubar" style="height:30px; width:668px; left:0px; top:0px; position:absolute; margin:auto; overflow:hidden;" onmouseover="changeSize('menubar', 300);" onmouseout="changeSize('menubar', 30);"> MenuBar <script type="text/javascript"> var swf100 = new SWFObject("wiki-topmenu.swf", "MenuBar", "668", "300", "7.0.22", "#000000", true) swf100.addParam("scaleMode","noscale"); swf100.addParam("align","TL"); swf100.addParam("allowScriptAccess","sameDomain"); swf100.addParam("wmode", "transparent"); swf100.write("menubar") </script> </div> </body> </html>

The applicable CSS:

.menubar-iframe { allowTransparency:true; } .menubar-wrapper { allowTransparency:true; height:30px; width:668px; overflow:visible; position:absolute; top:94px; left:250px; right:0px; margin-right:auto; margin-left:auto; z-index:200; } .menubar-wrapper p { margin:0px; allowTransparency:true; }
]]>