In Part 1 and Part 2, I talked about how to use Cool DHTML Tooltip II to replace ASP.NET built-in tooltip for better user experience. However, you may notice that if you use Cool DHTML Tooltip II in an AJAX ModalPopup, the tooltip is displayed underneath the ModalPopup. It turns out that when the AJAX ModalPopup is generated, its z-index is always reset to 100001 so the popup window is always on top of other elements. This issue can be easily fixed by modifying the style of Cool DHTML Tooltip II. Here is the modified style:
The only change above is the z-index value, which is larger than the z-index of AJAX ModalPopup (100001).