我有一个固定的底部导航栏,悬停时没有打开我的“链接”列表。当我可以打开它时,它向下打开而不是向上。我确实在CSS的悬停部分中添加了bottom: 0;
,但是这没有用..任何帮助将不胜感激
-HTML和CSS的新功能,这将用于学校的最终项目!
在CSS的悬停部分添加了bottom: 0;
尝试注释掉要修复的部分
玩边距/填充
并尝试了z函数的东西
链接到代码 https://codepen.io/wickedmango/pen/rNBQPNG
希望向上打开“链接列表”,并排在一切前面!
答案 0 :(得分:0)
删除
溢出:隐藏
来自导航类
添加
nav ul li:hover ul {
bottom: 60px;
}
答案 1 :(得分:0)
是的,这个问题被隐藏起来了,但是您想给导航栏一个大于任何值的z索引,以便它可以位于任何内容的前面:
nav {
width: 100%;
height: 60px;
background-color: white;
position: fixed;
bottom: 0;
z-index: 100;
}
https://codepen.io/izzy_zeke/pen/bGbQzLg
此外,如果我想给您一个建议并使用CSS Flex,而不要像float那样为您提供更好的标准,就可以帮助您