CSS - Tooltip per CSS anzeigen
Neulich in der kleinen Kneipe: "Kennst du einen guten Anwalt?" "Nein, nur aus dem Fernsehen!"
"Der ... fällt nicht weit vom Stamm?"
Weit hinten, hinter den Wortbergen, ... fern der Länder Vokalien und
Konsonantien leben die Blindtexte.
Abgeschieden wohnen
Sie in Buchstabhausen an der Küste des
Semantik, eines großen Sprachozeans.
<style>
/* Tooltip per CSS anzeigen */
.tool {
display: inline-table;
color: #00B900;
}
.tip {
display: None;
}
span.tool:hover span.tip {
display: Inline-Block;
display: Table-Caption;
position: Absolute;
z-index: 10000;
background-color: rgba(0, 0, 0, 0.5);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
padding: 4px;
border-radius: 2px;
font-family: Arial, Sans-Serif;
font-size: 12px;
color: #FFFFFF;
}
</style>
<p>
Neulich in der kleinen Kneipe:
<span class="tool">"Kennst du einen guten Anwalt?" <span class="tip">"Nein, nur aus dem Fernsehen!"</span></span>
</p>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<ul> Aufzählungsliste
CSS - Mit ::selection markierten Text hervorheben
PHP - Datei alle fünf Sekunden aktualisieren
JavaScript - Ein Array von Zahlen mit dem Bucketsort-Algorithmus sortieren