Html 带位置绝对交叉悬停菜单的div

我有两个主要部门

<div1>menu</div1>
<div2>searchbox</div2>

给予

.searchcontainertop {
    z-index: -1;
}

---

这对我很有效。

给

.nav ul

一个1或更大的z指数似乎有效

为了避免IE7中本地堆叠上下文出现明显问题，我添加了以下新的CSS规则：

#menu {
    position:relative;
    z-index:1;
}

---

（使用背景色以使分层更加明显）。如果在IE8及更早版本中运行JSFIDLE时出现问题，请使用此选项。测试地点：IE7/8/9、FF、Chrome、Safari、Opera。

因为你发布了HTML本身吗？你在测试什么浏览器？Doh。我刚刚写的！谢谢你，我试过了，代码在FF Chrome中工作；该代码在IE中不起作用，在IE8/9中运行良好，但在IE7中运行不正常，因此本地堆栈上下文可能存在问题。我再看看。现在试试。我更新了上面的演示，并添加了一个链接到演示的独立版本（如果在IE中运行时出现问题）。searchcontainertop的文本将不可见。使用负z索引值时要小心。在某些情况下，内容可能无法检索。

#menu {
    position:relative;
    z-index:1;
}