<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.fengjingqu {
position:relative;
margin:0 auto;
width: 100px;
height: 50px;
z-index: 1;
background-color:#FF0;
overflow:hidden;
}
.jieshao {
position:relative;
margin:0 auto;
width: 100px;
height: 50px;
z-index: 2;
background-color:#3F6;
overflow:visible;
}
#apDiv2 {
position:absolute;
background-color:#F00;
margin:0 auto;
top:50px;
width: 100px;
height: 540px;
}
</style>
</head>
<body>
<div id="apDiv1" class="fengjingqu" onmouseover="this.className=‘jieshao‘" onmouseout="this.className=‘fengjingqu‘">风景区
<div id="apDiv2">
<p>潭溪山</p>
<p>云明山</p>
<p>瀑布群</p>
<p>蝴蝶谷</p>
<p>杏花村</p>
<p> </p>
</div>
</div>
</body>
</html>
时间： 2024-10-23 14:47:39