css 菜单动作时间问题求解

鼠标只要离开了一级菜单就消失了。

代码：

a:hover{
	background-color: #D7D7D7;color: #9D9D9D;
}
ul li ul li{
	float: none;margin-top :2px;
}
ul li ul{
	position: absolute;left: -30px;top:40px;display: none;;
}
ul li ul li a{
	background-color: #DCCEBC;width: 90px;
}
ul li:hover ul{
	display: block;
}
</style>
<html>
</head>
<body>
<div class="top">
	<ul>
		<li><a href="#">用户</a>
			
		</li>
		<li><a href="#">商品</a>
			<ul>
				<li><a  href="#">用户管理</a></li>
				<li><a  href="#">用户管理2</a></li>
			</ul>
		</li>
		<li><a href="#">用户</a></li>
		<li><a href="#">用户</a></li>
		<li><a href="#">用户</a></li>
		<li><a href="#">用户</a></li>
		<li><a href="#">用户</a></li>
	</ul>
</div>

慕村1106498

浏览 1387回答 1

1回答

qiaoer2017

因为你的代码中一级菜单跟二级菜单之间有空隙，且这个空隙不是属于一级菜单的盒子中，所以当鼠标离开一级菜单就消失了。

0 0

随时随地看视频慕课网APP