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:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
return overlib('This is an overLIB popup.', WIDTH, 400, RELX, 200, RELY, 400, STICKY, CAPTION,'Task Popup');
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<font face="Verdana, San Serif">
<a href="index.html">IMS Home</a>
var chart = new AnyChart('./swf/AnyGantt.swf');
chart.width = 1250;
chart.height = 800;
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?