modal window displaying on bottom and not on top

My modal window is displaying on bottom of current modal window. How do I get it to display on top. Url: www.mobileitt.com - then Under "Business Skills" select "customer service" - then select "customer service representative" course. You will see the modal window displaying underneath current modal window.

See code below for modal window displaying to bottom, which I used Jquery for the modal window displaying to bottom. The modal window displaying to top, I used coldfusion...

Well, if you are having problems with something appearing behind another object and they are absolutely positioned like a modal, then the object behind the one in the foreground has a lower z-index CSS value then the one in front. z-index is a CSS property that holds a number value. The higher the number the more it will appear in the foreground of other objects. If you have 2 objects and one has a z-index of 4 and the other has a z-index of 5, the one with the value of 5 will appear in front. Perhaps try setting the one in the background to have a z-index of 999999 and see if that does the trick?

From your code though, one of your modal objects has a variable name of _modal, so you should be able to modify the z-index of that one to figure out which one of the two that is. If it's the one in the foreground, you could give it a lower z-index until it actually appears behind, or if it's the one in the background, give it a higher z-index until it appears in front. Something like this:

Actually though, seeing as that's JQuery, the _modal variable isn't the actual DOM element that represents the modal. You'd have to play with the settings of the CSS if that can be customized. I personally have not used JQuery extensively so I wouldn't be able to give you any advice on how to do that. The z-index property though is what you want to investigate though.

Another option is perhaps instead of using 2 different kinds of modals, you could use 2 of the same one? Make them both JQuery modals?

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

The original problem stated that there were 2 different modal windows in use (one Coldfusion and one JQuery), and that they were for some reason not behaving correctly when used together. In my post of #35079812 I stated the following: "...Another option is perhaps instead of using 2 different kinds of modals, you could use 2 of the same one?..."

Going off of what melvint91 stated in post #35149155, the solution was to go with a modal window using Coldfusion. If this solution was reached because of dropping the jQuery window and instead using two Coldfusion windows, then I will have to object because that is what I advised to do in #35079812 (for clarification, my continued phrase of "Make them both JQuery modals?" was just a follow-up idea, but preceeding that I did state that perhaps one author of modal windows should be adopted instead of the simultaneous use of two).

If the solution was reached by some other means entirely, then I'm ok with closing this question without being awarded points.

If the solution was in fact to ditch two different kinds of modals used and to go with only one, then I recommend http:#35079812 as the answer and should be awarded full points. It sounds like this was indeed the solution based on what melvint91 posted in http:#35149155.

Even though Gewgala suggested using Coldfusion only for the popup, That's what I originally had, using Coldfusion for all my popups, but using Coldfusion only is very limited when it comes to changing the design, I wanted to incorporate Jquery but I couldn't get it to work, therefore I consulted with experts-exchange. Integrating Jquery wasn't really resolved therefore I retrieved my old code with using only Coldfusion as my popup methods.

In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS
Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…