<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8"/>
<title>hover显示隐藏div</title>
<style type="text/css">
#div1{
width: 300px;
height: 300px;
background: lime;
}
.div2{
width: 300px;
height: 300px;
background: #ccc;
position: relative;
top: 350px;
left: 350px;
display: none;
}
#div1:hover .div2{
display: block;
}
</style>
</head>
<body>
<div id="div1">
显示的div1
<p>当鼠标移入div1的时候,显示div2</p>
<div class="div2">
隐藏的div2
</div>
</div>
</body>
</html>
css显示隐藏div
最新推荐文章于 2024-05-28 19:57:21 发布