I have a 50% opaque div that appears over my form while ajax loads are being made. Once the load is complete, the div display is set to none, allowing access to the form. No matter what I try, the date picker in the form always appears on top of this div. I've tried adding the div in the document ready function AFTER the datepicker is initialized. I've tried setting the z-index of the datepicker via code I found on this forum (use a timeout to set the container and animation z-index). I've tried setting the z-index of the div to 1000 while setting the datepicker z-index to 100.
It appears as it should in IE but no matter what I try it always appears on top in Chrome.
It appears as it should in IE but no matter what I try it always appears on top in Chrome.
1 Answer, 1 is accepted
0
Chris
Top achievements
Rank 1
Rank 1
answered on 06 Apr 2012, 04:59 PM
I've tried it in Firefox as well - same results as chrome.