• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 737
  • Last Modified:

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:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<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');
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<font face="Verdana, San Serif">
<a href="index.html">IMS Home</a>
    <script type="text/javascript" language="javascript">
    var chart = new AnyChart('./swf/AnyGantt.swf');
    chart.width = 1250;
    chart.height = 800;

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?
  • 2
1 Solution
Have you tried messing with the flash modes:

dgmoore1Author Commented:
No, I haven't - I'll have a look at this. Thanks!
dgmoore1Author Commented:
Your suggestion sent me in the right direction. This source:


has a very clear explanation. Thanks for the tip!
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.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now