Display DIV on another DIV

1

I'm using a DIV with the message "processing" and opaque background every time a request occurs (user iteration at the click of a button). However, this screen is also displayed when I am with an open modal screen, and ends up happening that the processing screen does not overlap on the modal screen. My entire layout was developed with Bootstrap 3. How do I override the processing div on modal?

    
asked by anonymous 25.02.2016 / 15:42

2 answers

2

CSS offers the possibility of working in layers on your pages, so you can overlay elements on each other using the z-index property ...

As you said that the bootstrap uses a z-index value of 1050 you can change this by overriding the css rule for the modal z-index, to do this your style sheet needs to be below the sheet of the Bootstrap sheet in your HTML document or else the only rules that will be overwritten are yours.

For more information on using the Click Here

    
25.02.2016 / 18:14
0

The solution is you render the HTML of the modal processing after the modal register. To organize everything, follow the example:

<div id="modalCadastro"></div> 
<div id="modalProcessamento"></div>

When you call the processing modal, it will override the other modal.

    
25.02.2016 / 18:02