I have a slideshow div, and I have a datepicker field above that div.
When I click in the datepicker field, the datepicker panel show behind slideshow div.
And I have put the script as:
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js
So I cannot change the z-index of datepicker in CSS. The z-index of datepicker which the script is generating is 1 and my slideshow div(also calling thru googleajaxapi) z-index is 5. So I guess I have to increase the z-index of date picker greater than 5. So is there any way to increase it ?
Someone can help me?
Put the following style at the 'input' text element: position: relative; z-index: 100000;.
The datepicker div takes the z-index from the input, but this works only if the position is relative.
Using this way you don't have to modify any javascript from jQuery UI.