Сброс CSS с cfinput type = "datefield"

Question

У меня есть форма, использующая несколько <cfinput type="datefield" ...>. Они расположены таким образом, что всплывающий CSS-календарь должен появляться поверх поля для других. Однако текстовые поля для других дат заканчиваются перед календарем.

Это только проблема с IE, так как Firefox и Safari работают нормально.

Есть ли простой CSS-хак или какая-либо другая простая вещь, которую я могу сделать, чтобы заставить календарь действовать так, как должен? Повторная компоновка формы не очень помогает.

Answer 1

Моим первым наклонением является попытка добавить стиль для текстовых полей с отрицательным индексом z. В качестве альтернативы вы можете попытаться применить к всплывающему окну положительный индекс z.

Первым, вероятно, будет проще, учитывая, что всплывающие окна записываются динамически - CF передает любые нераспознанные или неиспользуемые атрибуты в браузер, поэтому вы можете просто добавить стиль. Что-то вроде:

<cfinput type="datefiled" name="bob" value="" style="z-index: -1;"> 

Не проверено, YYMV.

Answer 2

В IE6 есть проблемы с z-index и некоторыми видами элементов управления. Попробуйте это: http://brandonaaron.net/jquery/plugins/bgiframe/docs/

Answer 3

Ну, вы должны инкапсулировать DateField wirhin в DIV с обеих позиций: относительное и Z-значение индекса, например:

<div style="position:relative; z-index:3"> 
<cfinput type="dateField" name="info_dateDebutPub" value="#dateformat(info_dateDebutPub,'dd/mm/yy')#" mask="dd/mm/yy"> 
</div> 

Определение Z-индекса в пределах Cfinput не будет работать ,

Answer 4

Попробуйте это в вашем CSS,

для DIV с cfinput полями

position:relative;z-index:0 

Календаря

position:absolute;z-index:1