Les info-bulles sont visibles lorsque l'utilisateur déplace le curseur de la souris sur le texte. Vous pouvez y ajouter des informations pour faciliter la compréhension des utilisateurs.
Vous pouvez essayer d'exécuter le code suivant pour voir comment créer une info-bulle -
Live Demo
<!DOCTYPE html>
<html>
<style>
#mytooltip #mytext {
visibility: hidden;
width: 100px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 3px;
padding: 10px 0;
position: absolute;
z-index: 1;
}
#mytooltip:hover #mytext {
visibility: visible;
}
</style>
<body>
<div id = "mytooltip">Hover the mouse over me
<p id = "mytext">My Tooltip text</p>
</div>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Comment l'Oracle tourne
Que signifie ICO ?
Comment fermer le port 135 445
Comment résoudre le problème de l'absence du fichier msxml6.dll
Comment résoudre l'absence de route vers l'hôte
Comment résoudre le problème lorsque la température du processeur de l'ordinateur est trop élevée
Explication détaillée de la fonction fork Linux
Logiciel de base de données couramment utilisé
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
