0
189
VistasCSS Display InfoBox al pasar el mouse sobre el elemento <span>
Quiero implementar una funcionalidad en mi aplicación React donde pasas el cursor sobre un elemento <span> y luego aparece un cuadro de información sobre el elemento <span> .
Debería verse como en el código de Visual Studio cuando pasa el cursor sobre una variable, por ejemplo. 
El cuadro debe comportarse como en el siguiente boceto que dibujé (básicamente es el mismo comportamiento que en VSCode): El cuadro de información es el cuadro que contiene este texto . El <span> contiene el hola
Desafortunadamente, no soy un experto en CSS y ni siquiera sé si esto es posible solo con CSS o si también tiene que usar JavaScript.
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Esto podría ayudar:
.thisText{ position:relative; top: 20px; } .thisText > .hello{ display: none; } .thisText:hover> .hello { display: block; position:absolute; top:-20px; } <span class="thisText"> This Text <span class="hello"> Hello </span> </span>
·
Juan Pablo Isaza
Denunciar
0
¿Es esto lo que estás buscando?
¿Dónde pasas el cursor sobre algún texto y aparece el texto debajo?
.thisText > .hello { display: none; } .thisText:hover > .hello { display: block; } <span class="thisText"> This Text <span class="hello"> Hello </span> </span>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta