JQuery UI datepicker не сидит над выпадающими в IE 6 - PullRequest
Новая
       15

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

0 голосов
/ 08 мая 2009

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

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, чтобы помочь нам в этом!

Ответы [ 7 ]

3 голосов
/ 08 мая 2009

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

2 голосов
/ 08 мая 2009

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

1 голос
/ 20 июля 2009

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

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

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

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

1 голос
/ 08 мая 2009

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

Link1 Link2

0 голосов
/ 17 июля 2009

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

zoom: -1; position: relative;

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

0 голосов
/ 11 мая 2009

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

beforeShow: function() {
    $('.searchPanelGroup6').css('visibility', 'hidden');
},
onClose: function() {
    $('.searchPanelGroup6').css('visibility', 'visible');
}
0 голосов
/ 08 мая 2009

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

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

...