我有一个 ID #navigation
与 position: relative;
在它里面有一个类 .submenu
与 position: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/