Back To Start Of Archive
Taken From The Forum: Archived Topics for the old Version 3.0 JavaScript Menu
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:30
Problem with Menu disappearing behind SVG map
Poster: scargin
Dated: Thursday May 22 2003 - 1:29:42 BST
I have read that people have had issues with menus disappearing behind flash components.
Does anyone have a solution for stopping the menu disappearing behind .svg objects. I am incorporating the menu in a site with svg maps and it is moving behind the map.
Any help would be appreciated.
Stuart
Poster: Zophar
Dated: Thursday May 22 2003 - 13:22:21 BST
Did you try to put your flash components in a Layer!?
Something like that:
Code:
<div name="myFlash" id="myFlash" style="position:absolute; top:85px; left:178px; z-index:10; overflow: visible;">
<-- Your FlashComponent Here -->
</div>
<-- Your FlashComponent Here -->
</div>
The layer with the z-index more higher value get in front of every other layer (but actually the Milonic Menu set no z-index --> not sure on that).. Well im not sure you have to set the z-index but try to put your flash in a layer and see what happens...
Poster: scargin
Dated: Tuesday May 27 2003 - 4:18:53 BST
With previous Javascript menus placing the Flash content in a layer makes no difference as the Flash will appear as the top layer regardless of the Z index.
In any case I am talking about SVG which has some differences to Flash.
Thanks,
Stuart
Poster: vascoace
Dated: Tuesday September 16 2003 - 19:23:01 BST
Did you find a solution to this problem? I'm having exactly the same problem using the menu with SVG. The menu is displayed behind the svg image and I tried using the style="z-index: 0" inside the embed. This embed is located inside a jsp file
<embed src="svg/myfile.svg"
wmode="transparent" style="z-index: 0" name="SVGEmbed" height="100%" width="100%" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/">
</embed>
Help please
Alberto
Poster: vascoace
Dated: Tuesday September 16 2003 - 19:55:02 BST
I found the solution by using wmode= transparent
<script language="JavaScript">
<!--
emitSVG('src="svg/DODAF/DODAF.svg" name="SVGEmbed" wmode="transparent" height=100%" width="100%" type="image/svg+xml"');
-->
</script>
<NOSCRIPT>
<embed src="svg/DODAF/DODAF.svg"
wmode="transparent" style="z-index: 0" wmode="transparent" name="SVGEmbed" height="100%" width="100%" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/">
</embed>
</NOSCRIPT>