Html 使用z索引在internet explorer中堆叠问题

我对CSS不是很在行，所以我很难让IE正确显示我的菜单栏。正如你在这里看到的，我有一个简单的栏，用户可以点击他的用户名来显示一些选项

这段代码在chrome和firefox中运行良好，但在internet explorer上可以做到这一点：

如您所见，菜单在导航栏内打开，因此您将只看到第一个选项

你能打开这个并告诉我我的代码有什么问题吗

提前谢谢

---

解决方案：

哇，这真的很奇怪，但这是CSS上的这一行！！这就是为什么它在小提琴中起作用，因为我把一个简单的背景作为例子。为了便于将来参考，如果发生以下情况，请不要这样做：

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#282828',GradientType=0 ); /* IE6-9 */

将

#user_menu

的CSS修改为以下内容：

top: 30px;

将

#user_menu

的CSS修改为以下内容：

top: 30px;

---

我在InternetExplorer9中查看，在开发模式下转到IE8，我可以看到所有选项。不确定如何重新生成您的bug。

我在Internet Explorer 9中查看，并在开发模式下转到IE 8，我可以看到所有选项。不确定如何重新生成您的bug。

您需要在父项中添加

位置：相对

，在下拉列表中添加

位置：绝对

。您可能还需要更改#user_菜单的

top

属性，使其不会与用户名重叠（大约20px左右即可）

---

.

您需要将

位置：相对

添加到父项，将

位置：绝对

添加到下拉列表。您可能还需要更改#user_菜单的

top

属性，使其不会与用户名重叠（大约20px左右即可）

---

.

不，这只会向下移动用户菜单，但不会使其显示在导航栏上！无论如何，感谢Fiddler无法重现IE8和IE9Nope中提到的错误，这只会在用户菜单中向下移动，但不会使其显示在导航栏上！无论如何，感谢Fiddler无法重现IE8和IE9中提到的错误。我的internet explorer版本是8.0.7601.17514。我在IE9的开发模式下尝试了IEtester和IE8，但仍然无法重新生成错误。您可以尝试为#nav#u容器放置“overflow:visible”以查看它是否解决了问题。显然，这是在#nav#u容器上设置的z索引。。。删除它使它工作！有点奇怪，只有你的IE8可以看到这个bug。我的IE版本是8.0.7601.17514。我在IE9的开发模式下尝试了IEtester和IE8，但仍然无法重新生成这个bug。您可以尝试为#nav#u容器放置“overflow:visible”以查看它是否解决了问题。显然，这是在#nav#u容器上设置的z索引。。。删除它使它工作！有点奇怪，只有你的IE8才能看到那个bug