Проблема с z-индексом в jQuery Keypad с модальным диалогом

Question

Я использую модальное диалоговое окно jQuery (см. ссылка ) с элементом, использующим клавиатуру jQuery ( ссылка ). Firebug показывает мне, что клавиатура идет вверх, но позади диалога. Я пытался использовать bgiframe (), но он не работает. Что может быть не так?

$('.dialog').find('#test').keypad();
$('#keypad-div').bgiframe();

keypad-div - это div, который удерживает клавиатуру в соответствии с firebug.

Короткая версия клавиатуры, которая появляется при щелчке по области ввода в Firebug:

<div id="keypad-div" class="" style="position: absolute; top: 118.517px; width: auto; left: 515.75px; display: block;">
<div class="keypad-row"> etc.
</div>
<div class="keypad-row"> etc.
</div>
<div class="keypad-row"> etc.
</div>
<div class="keypad-row"> etc.
</div>
<div style="clear: both;"/>
</div>

и поле ввода с клавиатуры:

<input id="test" class="hasKeypad" type="text" name="test" readonly=""/>

Answer 1

bgiframe() - это исправление IE6 (и только IE6; не работает в других браузерах).

Вы пытались изменить свойство z-index для #keypad-div на более высокое значение (например, 9999)?