zindex 在 IE 中不起作用答案

【问题标题】：zindex not working in IEzindex 在 IE 中不起作用
【发布时间】：2012-11-01 21:23:53
【问题描述】：

我有带有透明下拉列表的 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>

在更改名字值时，我正在显示 div 内容，它与其他两个输入控件重叠。问候，拉杰

【问题讨论】：

这个问题似乎是题外话，因为它只是一个错字。

标签： css

【解决方案1】：

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

【讨论】：

好一个......真正的想法......有趣的是没有人注意到......：P

【解决方案2】：

你拼错了z-index：你写错了inedx。

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

我在bgiframe with jQuery UI 1.8.9 Dialog and jQuery 1.5 回答了类似的问题。您需要将父元素设置为position:relative，并给它一个z-index，类似于作为子元素的建议框。这将为 IE 解决问题。

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

【讨论】：