javascript - jQuery 键盘 z-index 模式对话框问题

Question

我正在使用 jQuery 模式对话框(请参阅 link )以及使用 jQuery 键盘的元素 ( link )。 Firebug 向我显示键盘即将出现，但位于对话框后面。我尝试使用 bgiframe() 但它不起作用。可能出了什么问题？

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

keypad-div是根据firebug保存键盘的div。

从 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；不适用于其他浏览器)。

您是否尝试将 #keypad-div 的 z-index 属性更改为更高的值(例如 9999)？