iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://community.wikidot.com/forum/t-57738/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtransparency-attribute 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 http://community.wikidot.com/forum/t-57738#post-217909 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://community.wikidot.com/forum/t-57738/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtransparency-attribute#post-217909 Thu, 10 Jul 2008 18:09:07 +0000 Stephen Kay 104076 Thanks for the reply, but unfortunately, it does not work in IE 6.

You can see an example here:

http://karma-lab.wikidot.com/sandbox:test-transparent-iframe

]]> http://community.wikidot.com/forum/t-57738#post-216269 Re: iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://community.wikidot.com/forum/t-57738/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtransparency-attribute#post-216269 Tue, 08 Jul 2008 15:20:50 +0000 VDOgames 163085 Add this css script to your iFrame html file:

<style type="text/css">
<!—

Body { Background: transparent; }
</style>

This should do it.

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

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

]]> http://community.wikidot.com/forum/t-57738#post-157278 iframe is NOT transparent in IE 6, cannot pass allowTransparency attribute http://community.wikidot.com/forum/t-57738/iframe-is-not-transparent-in-ie-6-cannot-pass-allowtransparency-attribute#post-157278 Sun, 04 May 2008 08:30:03 +0000 Stephen Kay 104076 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="http://community.wikidot.com/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; }
]]>