极客观点
项目管理
HarmonyOS
<html>
<head>
<style>
.dplayer-resolution-box {
display: none;
}
.dplayer-resolution:hover .dplayer-resolution-box {
display: block;
}
.dplayer-resolution {
margin-top: 200px;
}
</style>
</head>
<body>
<div class="dplayer-resolution">
<p>最近</p>
<div class="dplayer-resolution-box">
<div class="dplayer-resolution-item">时间最近</div>
<div class="dplayer-resolution-item">评论最多</div>
<div class="dplayer-resolution-item">被赞最多</div>
</div>
</div>
</body>
</html>我的代码结构基本如上，现在是hover时显示下拉菜单，请问怎么实现上拉菜单呢？我试着添加下面的代码，结果还是不行
.dplayer-resolution:hover .dplayer-resolution-box {
display: block;
position:absolute;
bottom: 100%;
}
还要为
.dplayer-resolution添加position: relative;