主菜單移向子菜單時(shí)候，子菜單突然消失了
但是在主菜單加入z-index時(shí)候，能移向子菜單了，子菜單li之間加了距離就又不可以了，檢測(cè)過應(yīng)該不是與主菜單之間有空白間隙，求解啊
4 回答
舉報(bào)
0/150
提交
取消
但是在主菜單加入z-index時(shí)候，能移向子菜單了，子菜單li之間加了距離就又不可以了，檢測(cè)過應(yīng)該不是與主菜單之間有空白間隙，求解啊
2015-11-24
舉報(bào)
2015-11-26
lz是小白，css有什么可以建議的也可以說說，多謝！
2015-11-26
js：
?function appear(li)
? ?{
? var Oappear=li.getElementsByTagName("ul")[0];
? Oappear.style.display="block";
? }
function disappear(li)
{
var Odisappear=li.getElementsByTagName("ul")[0];
Odisappear.style.display="none";
}?
html：
<div class="menu"> ? ?
<ul> ? ?
<li onMouseOver="appear(this)" onMouseOut="disappear(this)"><a > 新聞網(wǎng)首頁</a> ? ?
<ul > ? ?
<li ><a >學(xué)校首頁</a></li> ? ?
<li><a >學(xué)術(shù)交流</a></li> ? ?
</ul> ? ?
</li> ? ?
<li onMouseOver="appear(this)" onMouseOut="disappear(this)"><a >學(xué)院要聞</a> ? ?
<ul> ? ?
<li ><a >時(shí)事要聞</a></li> ? ?
<li><a >理論學(xué)習(xí)</a></li> ? ?
</ul> ? ?
</li> ? ?
<li><a >媒體特院</a></li> ? ?
<li><a >視頻新聞</a></li> ? ?
<li><a >信息公告</a></li> ? ?
<li id="ulli"><a >學(xué)院風(fēng)光</a></li> ? ?
</ul> ? ?
</div> ? ?
css：
.menu {width:960px; height:40px; margin:0 auto; background:#00F; position:relative; }
.menu ul {height: 40px;
margin:0 auto;
background:#00F;
list-style:none;
}
.menu ul li {
float:left;
height:40px;
text-align:center;
line-height:40px;
border-right:1px solid #FFF;
position:relative;
margin:0 auto;
z-index:22;
}
.menu ul li a{ color:#FFF; height:40px; ?padding:0 50px; ?display:block; text-decoration:none; }
.menu ul li a:hover{color:#F00; }
.menu ul li ul { position:absolute; top:40px; left:0; display:none;}
.menu ul li ul li { float:none; background:#06F; }
.menu ul li ul li a{ width:80px; }
.menu ul li ul li a:hover { color:#000; background:#F90;}
#ulli { border:none;}
2015-11-25
是不是 實(shí)際的范圍 不是 看到的范圍 所以超出后就不顯示了
2015-11-24
給一下完整代碼，包括html css js