Jquery 如何确保下拉菜单重叠并覆盖页面上的任何内容？

我有一些自定义的css/jquery下拉菜单，它们在浮动div中不重叠（覆盖）某些文本。div文本会流入菜单。在这种情况下，我如何确保我的菜单与页面上的任何内容重叠，或者至少与div中显示的文本重叠？

可以用于将元素相互定位

---

一些代码将有助于回答此问题，请更新您的问题或创建一个

如果您可以发布下拉菜单的CSS以及干扰它的浮动div，这将有所帮助，但以下是一般想法：

1） 如果所讨论的元素具有比其他元素更高的z索引值，则具有相对、固定或绝对定位的任何元素将显示在具有这些定位类型之一的其他元素的顶部

2） 具有绝对或固定定位的图元将显示在具有相对或静态定位的图元的顶部。例外情况是，如果相对定位的元素被赋予了更高的z索引值

---

3） 对于相对和静态元素，页面后面出现的元素将与前面的元素重叠。上述第2条中的相同例外也适用于此处。

重要的是堆叠上下文。 发件人：

堆叠上下文在文档中的任何位置由以下任一元素构成：

• 根元素（HTML）
• 使用“自动”以外的z索引值定位（绝对或相对）
• （在Gecko/Mozilla浏览器中）不透明度值小于1的元素

假设您有两个div，第一个包含菜单，第二个浮动。如果两个div都有position:relative，那么它们都有一个堆叠上下文，但是第二个将堆叠在第一个之上

将z-index:1放在第一个div中解决了这个问题（试试这个示例jsfiddle.net/sPKY6/）

---

这也会有帮助：

您能推荐一些示例站点吗？？可能对未来的读者有所帮助！：）