我不能使子菜单位于tab2的父项之上。我的意思是,当我将鼠标悬停在tab2下方时,子菜单会消失。我使用自己制作的按钮(图片)。有人可以整理一下演示中的CSS代码吗?非常感谢:)这是演示http://jsfiddle.net/3Lhe7/
@charset "utf-8";
/* CSS Document */
body {
max-width: 1000px;
text-align: right;
/*text-align: center;*/
}
.bg {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -5000;
}
#navigation {
clear: both;
width: 60%;
margin: 0 auto;
border: 0px;
text-align: left;
position: absolute;
top: 65%;
left: 20%;
height: 90px;
min-width:830px;
max-width:1000px;
}
#navigation ul {
display: inline-block;
margin: 0 auto;
}
#navigation ul li {
display: inline;
position: relative;
float: left;
list-style-type: none;
height: 45px;
}
#navigation li ul {
margin: 0px;
padding: 0px;
display: none;
position: absolute;
}
#navigation ul li a {
list-style: none;
display: block;
width: 150px;
height: 90px;
padding: 0px;
}
#navigation ul li ul {
display: none;
}
#navigation ul li:hover ul {
display: block;
bottom: 100%;
}
#submenu {
list-style: none;
display: block;
width: 150px;
height: 45px;
padding: 0px;
margin: 0px;
}
最佳答案
我不知道您将#submenu
的高度设置为45px的原因,但是将其(height
属性)更改为0
似乎可以解决问题。
#submenu {
list-style: none;
display: block;
width: 150px;
height: 0;
padding: 0px;
margin: 0px;
}
http://jsfiddle.net/3Lhe7/4/
关于html - 子菜单无法正常工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15246474/