我想知道有没有人能帮我解决这个问题:在不影响子菜单的情况下,使内容不下降。我试过将子菜单更改为position: absolute,但那只会弄乱子菜单;我还尝试了z-index: 2,但也没有帮助。 我唯一能想到的解决方法是在文本上应用position: absolute,但我不确定如何做到这一点。 如果有人能帮我,我将非常感激。
我想知道有没有人能帮我解决这个问题:在不影响子菜单的情况下,使内容不下降。我试过将子菜单更改为position: absolute,但那只会弄乱子菜单;我还尝试了z-index: 2,但也没有帮助。 我唯一能想到的解决方法是在文本上应用position: absolute,但我不确定如何做到这一点。 如果有人能帮我,我将非常感激。
nav ul li {
position: relative;
}
nav ul ul {
position: absolute;
width: 100%;
}
position: absolute
样式。其他的css是为了修复样式和子菜单宽度。nav ul li {
position:relative;
}
//add class on sub-menu(.drop-down)
.drop-down{
position:absolute;
top:100%;
left:0;
right:0;
z-index:1;
}
//z-index value set as your needs
将您的下拉菜单的position: absolute;
,然后将其下方的元素设置为position: relative;
。
如果这不起作用,请尝试将下拉菜单和其下方的元素都设置为position: absolute;
,然后将下拉菜单的z-index
设置为高于其下方的元素。
我将下拉菜单和其下方的元素都设置为了absolute
,它起作用了。现在下拉菜单忽略了其下方的元素。