鼠标滑过隐藏的显现出来

鼠标滑过隐藏的显现出来

< !DOCTYPE html>
< html>
< head>
< title>< /title>
< meta charset=“utf-8”>
< style type=“text/css”>
ul{
margin: 0;
list-style: none;
padding: 0;
}
.one a{
text-decoration: none;
}
.one{
width: 80px;
height: 30px;
background-color: purple;
position: relative;
}
/.one:hover .two{display: black;}/
.one:hover .two{
width: 200px;
height: 100px;
background-color: green;
/opacity: 1;/
display: block;
}

.one .two{
position: absolute;
width: 200px;
height: 100px;
/background-color: green;/
margin-top: 10px;
display: none;
z-index: 2;
/opacity: 0;/
}
< /style>
< /head>
< body>
< div class=“one”>
< a href="">石家庄< /a>
< div class=“two”>
< ul>
< li>晴天< /li>
< li>多云< /li>
< li>下雨< /li>
< /ul>
< /div>
< /div>

< /body>
< /html>