Problema al aplicar ":hover"
Publicado por David (2 intervenciones) el 01/03/2021 19:11:20
Hola buenas tengo un error, cuando pongo el cursor sobre el div no hace nada y deberia desplegarme un menu. Espero vuestra respuesta. Gracias
1
2
3
4
5
6
7
8
9
<div id="user">
</div>
<ul class="user-menu">
<li>Perfil</li>
<li>Configuración</li>
<li>Solicitar</li>
<li>DarkWeb</li>
</ul>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
.user-menu {
z-index: 2;
grid-column: 2;
grid-row: 2;
margin-left: 20vw;
background-color: red;
width: 250px;
height: 500px;
}
.user-menu li {
background-color:#000;
color:#fff;
text-decoration:none;
padding:10px 12px;
display:block;
list-style: none;
}
.user-menu li {
display: none;
min-width:140px;
}
#user:hover li{
display: block;
}
Valora esta pregunta


0