CSS z-index没有正确响应-隐藏在内容下面的子菜单
CSS z-index没有正确响应-隐藏在内容下面的子菜单
提问于 2012-12-31 03:54:09
我创建了一个标题带状菜单(页面顶部的水平菜单)，当它在链接上悬停时，每个链接都会打开一个子菜单，该菜单应该显示在主内容的顶部。
问题是在主内容下面呈现子菜单。
我尝试为子菜单z-index设置一个更高的值，但这并没有帮助。
当我将主内容的z-index设置为-1 (0也不工作)时，会显示子菜单，但是内容中的所有按钮都不能工作。
我搜索我的整个CSS，甚至没有一个z-index分配。
更新
内容div的样式如下：
#content {
background: #fff;
position: absolute;
top: 176px;
bottom: 25px;
padding: 20px 0px 63px;
overflow: hidden;
}回答 3
Stack Overflow用户
回答已采纳
发布于 2012-12-31 04:34:23
如果您的菜单和#content块都处于绝对位置，则需要在它们上设置一个正的z-索引值，以允许重叠(您的菜单的z索引高于您的内容)。
CSS:
#content {
background: #fff;
position: absolute;
z-index: 1;
top: 176px;
bottom: 25px;
padding: 20px 0px 63px;
overflow: hidden;
}
#menu {
z-index:10;
}Stack Overflow用户
发布于 2012-12-31 04:27:50
您将悬停元素设置为什么位置？？Z-索引只适用于定位元素(位置:绝对，位置:相对，或位置:固定)。
问题可能在HTML中，而不是css中，例如，如果您忘记关闭一个元素，它可能会与其他元素重叠。
无论哪种方式，如果您在问题中添加了一些代码，这将是很有帮助的。
Stack Overflow用户
发布于 2012-12-31 04:22:51
可能的错误：
- 您的菜单容器分区可能有负的z索引。
- 您的身体或包装可能有一个非常大的z-索引值。
解决方案：
- 删除所有的z索引，只需复制菜单代码，粘贴在正文标签或包装器div标签的末尾。您还可以将z-index:99；添加到子菜单中。
- 从正文或包装器中移除z索引，并将z索引添加到菜单中.
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14097240
复制相关文章
相似问题
腾讯云开发者
