User Tools

Site Tools


How to bring Datepicker in the foreground with css z-index

Sometimes it happens that the jQuery datepicker is close to another active element, e.g. a slideshow, and when it pops up it remains on a lower layer, partially or completly invisibile.

I read several complicated js workaround about that, but the best solution is simpler than expected and can be found browsing the dom.

.ui-datepicker{z-index: 99 !important};

NB: the number 99 is only a direction choosen to be fairly sure that it works.

jquery/datepicker-z-index-foreground.txt · Last modified: 2014/09/03 16:35 by rik