Html 下拉菜单隐藏在div后面
我是css新手,我的下拉菜单隐藏在div后面,请帮我找出问题所在。我的HTML和CSS代码是:Html 下拉菜单隐藏在div后面,html,css,Html,Css,我是css新手,我的下拉菜单隐藏在div后面,请帮我找出问题所在。我的HTML和CSS代码是: * { 边际:0px; 填充:0px; } 身体 { 背景色:薄荷霜; } #标题 { 高度:260px; 宽度:自动; 保证金:5px; } #人头肌 { 高度:260px; 宽度:100%; } #换行菜单 { 宽度:550px; 保证金:0自动; 填充:10px; } #包裹 { 高度:50px; 背景色:浅色鲑鱼; 边框:1px纯白; 边界半径:5px; } #包装#菜单ul li { 背
*
{
边际:0px;
填充:0px;
}
身体
{
背景色:薄荷霜;
}
#标题
{
高度:260px;
宽度:自动;
保证金:5px;
}
#人头肌
{
高度:260px;
宽度:100%;
}
#换行菜单
{
宽度:550px;
保证金:0自动;
填充:10px;
}
#包裹
{
高度:50px;
背景色:浅色鲑鱼;
边框:1px纯白;
边界半径:5px;
}
#包装#菜单ul li
{
背景色:黑色;
边界半径:5px;
宽度:120px;
高度:30px;
线高:30px;
浮动:左;
文本对齐:居中;
列表样式类型:无;
左边距:3倍;
}
#包装#菜单ul li a{
颜色:白色;
文字装饰:无;
显示:块;
}
#包装#菜单ul li a:悬停
{
背景颜色:薄雾;
颜色:橙色;
边界半径:5px;
}
#包装#菜单ul li ul li
{
显示:无;
}
#包装#菜单ul li:悬停ul li
{
显示:块;
}
#内容
{
宽度:100%;
高度:500px;
背景色:青色;
保证金:5px;
}
#内容1
{
宽度:50%;
高度:500px;
背景颜色:黄色;
浮动:左;
}
#内容2
{
宽度:50%;
高度:500px;
背景色:红色;
浮动:左;
}
-
请添加以下css
ul {position: relative; z-index: 99999; }
只需在“
#wrap#菜单ul li
”中添加位置:relative。我想你的问题已经解决了。如果您有任何其他问题,请把它放在这里
谢谢你的邀请