Tooltips werden angezeigt, wenn der Benutzer den Mauszeiger über den Text bewegt. Sie können dort Informationen hinzufügen, um den Benutzern das Verständnis zu erleichtern.
Sie können versuchen, den folgenden Code auszuführen, um zu sehen, wie Sie einen Tooltip erstellen –
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>Das obige ist der detaillierte Inhalt vonErstellen Sie Tooltips mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So prüfen Sie CNKI auf Plagiate. Detaillierte Schritte zur Plagiatsprüfung auf CNKI
Diagramm der Netzwerktopologie
Was sind die Parameter des Festzeltes?
Buch von a5 und b5
Was ist der Python-Bereich?
Verwendung von Head-Befehlen
So lösen Sie ungültige Synrax
So machen Sie den Hintergrund in PS transparent
