I have a HTML design where there are two main elements. One a Javascript Drop down menu and the other a swf file. The problem is when the fly-out (drop down) menu gets working, the flash/swf file is above it, disabling the view of the drop down menu. I understand it has to do with the z-order which browsers use to keep flash/java applets on top. Is there a way out? The link to the current design is<br />
<br />
<!-- m --><a class="postlink" href="http://www.sturgesglobal.com/web/btc/index1.htm">http://www.sturgesglobal.com/web/btc/index1.htm</a><!-- m --><br />
<br />
Thanks for your time.<br />
<br />
Manish<!--content-->the menu came up for me, although that fade in (if intentional and not part of the problem) is pretty annoying!<br />
You're after z-index used in layers, place the menu on a layer above the flash file.eg:<br />
<br />
div.menu {position:absolute;top:100px;left:100px;z-index:2;}<br />
div.flash{position:absolute;top:100px;left:100px;z-index:1;}<br />
<br />
you would then have to alter the positioning of the divs, and if you want them positioned abolutely or relatively. But here you are straying from table layout to css layout, here's some more ways of <br />
css (<!-- m --><a class="postlink" href="http://www.alistapart.com/stories/practicalcss/">http://www.alistapart.com/stories/practicalcss/</a><!-- m -->) layout<!--content-->I did find the solution to this in another forum.<br />
<br />
Add this line to the Object tag<br />
<br />
<param name="WMode" value="Transparent"><br />
<br />
That should do it.<br />
<br />
Thanks,<br />
<br />
Manish<!--content-->i'm glad you shared that, i don't deal wish flash that much. I read a bit about what you posted and apparently it sends the flash animation to the background!I'll have to remember that!
<!--content-->hmmnn.... setting transparency to a flash object just allows you to see through it. The flash object will always appear on top of all divs and layers because of the way that the browser and OS handle the active x plugin.<!--content-->Oddly enough, making the flash transparent works in IE 6.0. Opera 7.0, however, still puts the flash on top of the menus. The menus don't work at all in Mozilla 1.3.<br />
<br />
I assume that the menus don't actually contain any links? I hope they don't, because they don't work if they should be links.<!--content-->Yes, I have discovered that the transparency issue does not work with Netscape (Except version 7 perhaps)or Mozilla. Perhaps the only solution here is to create separate pages for IE and NN.<!--content-->
<br />
<!-- m --><a class="postlink" href="http://www.sturgesglobal.com/web/btc/index1.htm">http://www.sturgesglobal.com/web/btc/index1.htm</a><!-- m --><br />
<br />
Thanks for your time.<br />
<br />
Manish<!--content-->the menu came up for me, although that fade in (if intentional and not part of the problem) is pretty annoying!<br />
You're after z-index used in layers, place the menu on a layer above the flash file.eg:<br />
<br />
div.menu {position:absolute;top:100px;left:100px;z-index:2;}<br />
div.flash{position:absolute;top:100px;left:100px;z-index:1;}<br />
<br />
you would then have to alter the positioning of the divs, and if you want them positioned abolutely or relatively. But here you are straying from table layout to css layout, here's some more ways of <br />
css (<!-- m --><a class="postlink" href="http://www.alistapart.com/stories/practicalcss/">http://www.alistapart.com/stories/practicalcss/</a><!-- m -->) layout<!--content-->I did find the solution to this in another forum.<br />
<br />
Add this line to the Object tag<br />
<br />
<param name="WMode" value="Transparent"><br />
<br />
That should do it.<br />
<br />
Thanks,<br />
<br />
Manish<!--content-->i'm glad you shared that, i don't deal wish flash that much. I read a bit about what you posted and apparently it sends the flash animation to the background!I'll have to remember that!
<!--content-->hmmnn.... setting transparency to a flash object just allows you to see through it. The flash object will always appear on top of all divs and layers because of the way that the browser and OS handle the active x plugin.<!--content-->Oddly enough, making the flash transparent works in IE 6.0. Opera 7.0, however, still puts the flash on top of the menus. The menus don't work at all in Mozilla 1.3.<br /><br />
I assume that the menus don't actually contain any links? I hope they don't, because they don't work if they should be links.<!--content-->Yes, I have discovered that the transparency issue does not work with Netscape (Except version 7 perhaps)or Mozilla. Perhaps the only solution here is to create separate pages for IE and NN.<!--content-->