overLIB z-index problem

I am developing some pages using AnyGantt (see below) that display Flash Gantt charts based on xml data. I am using overLIB popups on click of symbols on the charts to present various data.

In Firefox this works correctly, with the overLIB popups displayed on top of the chart graphic; however, in IE the popups on the same pages display behind the chart graphic, i.e., they are invisible.

The html is as follows:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>IMS</title>
<script type="text/javascript" language="javascript" src="./js/AnyChart.js"></script>
<script type="text/javascript" src="./overlib.js"></script>
<script type="text/javascript" language="javascript">
function ol5()
{
return overlib('This is an overLIB popup.', WIDTH, 400, RELX, 200, RELY, 400, STICKY, CAPTION,'Task Popup');
}
</script>
</head>
<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<div>
<font face="Verdana, San Serif">
<a href="index.html">IMS Home</a>
</div>
    <script type="text/javascript" language="javascript">
    //<![CDATA[
    var chart = new AnyChart('./swf/AnyGantt.swf');
    chart.width = 1250;
    chart.height = 800;
    chart.setXMLFile('./test.xml');
    chart.write();
    //]]>
    </script>
</body>
</html>


The chart is placed on the page by the AnyGantt script under control of the Flash file AnyGantt.swf and the Javascript library AnyChart.js. A click event in the xml file referred to in the AnyGantt script (test.xml) calls the function labeled ol5() in the html, which causes the overLIB popup to display.

I have tried adjusting the z-index in the overDiv div, but this has no effect. I have also tried placing the AnyGantt script in a separate div with a z-index lower than the overDiv div, which also has no effect. Can anybody suggest why Firefox displays the popup on top of the graphic, while IE displays it behind?
dgmoore1Asked:
Who is Participating?
 
Eternal_StudentConnect With a Mentor Commented:
Have you tried messing with the flash modes:

http://stackoverflow.com/questions/1567420/overlay-html-over-flash
0
 
dgmoore1Author Commented:
No, I haven't - I'll have a look at this. Thanks!
0
 
dgmoore1Author Commented:
Your suggestion sent me in the right direction. This source:

http://www.projectseven.com/support/answers.asp?id=127

has a very clear explanation. Thanks for the tip!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.