Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

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>


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>


Poster: scargin
Dated: Wednesday September 17 2003 - 5:45:08 BST

Alberto,

Well done.

I will try your solution out soon. It ooks great.

Thanks,

Stuart