asp.net ajax hovermenuextender on modalpopupextender z-index problem

i have an asp.net ajax hovermenuextender on a modalpopup panel to display a tip on hover.

the problem is the (tip) panel with the hovermenuextender appears below the modalpopupextender in IE8

this is a z-index issue, is there any place in the page where i can set the z-index for the hovermenu so that it appears over modalpopup, i learnt that this change could be made in the PopupBehavior.js file from here:

http://ajaxcontroltoolkit.codeplex.com/workitem/26107

but i am using the Ajaxcontroltoolkit.dll in the project and its not possible to mo开发者_如何学JAVAdify the ajax javascript source files.

thanks in advance.

I have running version AJAX 3.0 and adjusting the z-index did the trick. Thank you! Make sure your PopupMenu container has higher z-index than the modal popup control. If you use Firefox with Firebug plugin you can find it easily when the page gets rendered. Just right click on the modal popup background -> Inspect element with Firebug -> on the right side swap to the "Computed" tab and you will find the current z-index in the object properties.

In the CSS classes for your Modal Popup and the Model Background you can try adding an overriding z-index entry that is less than the default for the hover menu popup. Something like:

.dialog {
  z-index: 99 !important;
}

.dialog-bkg {
  z-index: 90 !important;
}

Apply the "dialog" class to your modal popup panel, and supply the "dialog-bkg" class in the BackgroundCssClass property of the ModalPopupExtender.

I don't know if it will solve the issue with the hover menu -- but it may be worth a try.

BTW -- I just tested with version 4.1.404 of the Ajax Control Toolkit and I was able to use a hover menu on top of a modal popup without needing any changes...