Datetime picker ниже div

Question

Может ли кто-нибудь помочь мне узнать, почему мой сборщик datetime скрывается за остальными подразделениями?

http://www.lcslegal.co.uk/booking-form.html

Я добавил эту линию CSS, чтобы попытаться исправить это в custom.css, но безрезультатно:

.ui-datepicker, #ui-timepicker-div { z-index:1003; } 

Answer 1

Класс col1 имеет z-index 10. Если я вручную изменить в DatePicker иметь z-index 1003, кажется, работает. Почему бы вам не попробовать использовать CSS на названных DIVs вместо классов.

#ui-datepicker-div, #ui-timepicker-div { z-index: 1003; } 

Answer 2

Это работает, когда я добавить z-index: 1000 к «custom.css» с Firebug ...

custom.css (строка 293)

.ui-datepicker { 
    padding: 0.2em 0.2em 0; 
    width: 17em; 
    z-index: 1000; /* added */ 
} 

Приветствия

Answer 3

Я попытался установить z-index: 1000; и она работала

Booking Form http://i48.tinypic.com/6jj7gp.jpg

Answer 4

Если input имеет position: absolute; (или relative или fixed) то z-index из input берется установить z-index в DatePicker (+1)

например,

input.setAttribute("style", "position: relative; z-index: 1000"); 
$(input).datepicker(..... 

приводит к DatePicker с z-index: 1001