Question

我有透明下拉的div，它充当建议框。下面我有两个输入框。每当我调用这个建议框时，它会重叠其他两个输入框。我试图使用zindex属性和位置元素来控制它，但是它不起作用。

任何帮助表示赞赏。谢谢。

应用z-index后，我没有在jsp页面中看到我的控件。以下是代码：

<tr>
<td colspan="2">firstname</td>
<td colspan="2"><table cellspacing='0' cellpadding='0' border='0' style='position:relative;float:left;'>
<tr><td width="25%" style="position:relative;z-inedx:999'>
<input type="text" name="firstname">
</table></td></tr>
</td>
</tr>
<tr>
<td colspan="2">lastname</td>
<td colspan="2"><table cellspacing='0' cellpadding='0' border='0' style='position:relative;float:left;'>
<tr><td width="25%" style="position:relative;z-inedx:1'>
<input type="text" name="lastname">
</table></td></tr>
</td>
</tr>

<tr>
<td colspan="2">middlename</td>
<td colspan="2"><table cellspacing='0' cellpadding='0' border='0' style='position:relative;float:left;'>
<tr><td width="25%" style="position:relative;z-inedx:1'>
<input type="text" name="middlename">
</table></td></tr>
</td>
</tr>

在firstname值的chnage上，我显示div内容，它与其他两个输入控件重叠。问候，拉吉

Answer 1

您的代码似乎正在使用z-index。

Answer 2

您拼写错误z-index：您已撰写inedx。

Answer 3

你能发一些代码吗？还要确保您尝试使用z-index的所有元素都已定位（它们使用的是position属性{relative，absolute}），z-index仅适用于定位元素。

Answer 4

我在bgiframe with jQuery UI 1.8.9 Dialog and jQuery 1.5回答了类似的问题。您需要将父元素设置为position:relative，并为其提供类似于作为子元素的建议框的z-index。这将成为IE的诀窍。

Answer 5

是。当我遇到这个问题时，Position:relative;为我工作。你也需要设置它。

Answer 6

Z-index仅与兄弟元素兼容。这是你的问题吗？

z索引在IE中不起作用

6 个答案: