Changing The Z-index Of A Div When A Function Is Called?

When createCustomerCard('CUST_0') is called it opens the first order card below

Solution 1:

Add to style position:relative says @Mr Lister or position:absolute:

<div id="CUST_0" class="widget ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable" style="width: 500px; height: auto; font-size: 11px; display: block; left: 29px; top: 156px; position:relative;z-index: 1013; ">

and add jQuery where is the function called:

$('#CUST_N').css("z-index", $('#CUST_N').css("z-index")+1);

Solution 2:

Does the div have a position other than static? Only positioned elements can use z-indexes. So give it position:relative and it might just work.

By the way, why z-index:1013? What's special about that number?

Solution 3:

This should increase the z-index by 1:

$('#CUST_N').css("z-index", "+=1");

Share