html - 将绝对定位的子菜单向前推进?

标签 html css position css-position

我有一个 ID #navigationposition: relative;在它里面有一个类 .submenuposition:absolute; .子菜单包含文本(更具体地说是 <a> 标记链接),这些文本已丢失其 cursor: pointer;。由于它们现在位于页面上的其他元素之后,因此可以选择属性和能力。

除了声明 #navigation,我不确定我能做什么以及页面底部的所有 child ,以便带来.submenu “到前面”。

我已经尝试设置 z-index: 1 ;在 .submenu ,但没有用。

任何更多的建议/答案将不胜感激;)!

最佳答案

将#navigation .submenu 替换为:

#navigation .submenu {
 z-index: 1;
 background-color: #fff;
 position: absolute;
 top: 50px;
 left: 445px;
 padding: 0px 20px;
 text-align: center;
 border: 1px solid #ddd;
}

测试和工作。添加 z-index 并创建背景色,这样其他元素就不会渗漏出来—Nick B

关于html - 将绝对定位的子菜单向前推进?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9659551/

相关文章:

html - 将 div 置于文本之上

javascript - 这是什么类型的 Javascript 函数?

javascript - Html css 重叠 div

html - 如何将一个div对齐到另一个div的中间

jquery - chrome中的div位置问题

html - Internet Explorer 11 z 索引 html/css 错误

Javascript:在 x 为 object.style.left 时更改 x 的值;

javascript - 为什么我的 fancybox 功能不起作用?

jquery - 如何通过 HTML 和 JQUERY 中的选项正确禁用和启用输入字段

html - div 上的 CSS3 滚动条样式