JQuery UI DatePicker не сидит над выпадающими в IE 6

Question

По какой-то причине наш указатель даты отстает от выпадающих ниже его в IE6

http://www.senegal.co.uk/

Кажется, что каждый поиск, который я сделал, подсказывает, что средство выбора даты должно с этим справляться.

У нас есть следующие CSS:

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

Я попытался добавить bgiframe и вызова:

$ ("# Щ-DatePicker-ДИВ") bgIframe().

Но это не решает проблему.

Есть идеи?

Я думаю, что нам нужен кто-то с опытом работы с jquery ui datepicker, чтобы помочь нам в этом!

Answer 1

Не удалось найти решение этой проблемы вовремя, поэтому в конце просто вставьте код, чтобы скрыть выпадающие списки.

beforeShow: function() {
    $('.searchPanelGroup6').css('visibility', 'hidden');
},
onClose: function() {
    $('.searchPanelGroup6').css('visibility', 'visible');
}

Answer 2

Вам определенно нужен BGIFrame - http://docs.jquery.com/Plugins/bgiframe

Answer 3

Самый быстрый и легкий способ обойти это - использовать плагин BGIFrame, который должен обойти вашу проблему с IE6.

Answer 4

Проблема заключается в ошибке z-index в IE6. Я видел эту проблему раньше, но никогда не использовал его с jQuery. Вот несколько ссылок, которые помогут вам в правильном направлении.

Ссылка1 Ссылка2

Answer 5

try $("#datepickerid").bgiframe();

Плагин bgiframe доступен по адресу http://docs.jquery.com/Plugins/bgiframe

Он используется командой пользовательского интерфейса jQuery в большинстве мест, где у них есть такая проблема.

Надеюсь, это работает и для вас.

Answer 6

Разве z-index: -1 не отправит слой в конец стека, поместив его под элемент формы?

Я думаю, что вам может понадобиться положительное значение.

Answer 7

Мы не используем явное позиционирование так часто, поэтому для меня недавно работало применение следующего стиля непосредственно к элементам выбора / выпадающего меню, которые не будут скрываться под средством выбора даты:

zoom: -1; position: relative;

(о, и он был применен в отдельной таблице стилей, которая используется только для мс, т.е. 6...)