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 {
 
displayinline-table;
 
color#00B900;
}

.
tip {
 
displayNone;
}

span.tool:hover span.tip {
 
displayInline-Block;
 
displayTable-Caption;
 
positionAbsolute;
 
z-index10000;
 
background-colorrgba(0000.5);
 
box-shadow3px 3px 3px rgba(0000.4);
 
padding4px;
 
border-radius2px;
 
font-familyArialSans-Serif;
 
font-size12px;
 
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.

<dialog> Dialog Element

CSS - Tabellenzeilen bei :hover hervorheben

PHP - MySQL-Version ermitteln und anzeigen

JavaScript - HTML 5 - Pflichtfeld setzen mit JavaScript

MySQL - AUTO INCREMENT zurücksetzen

Link auf die Startseite
Beim verlinken fremder Webseiten sollte der Link nach Möglichkeit zur Startseite führen. Grund: Oftmals werden Unterseiten einfach gelöscht und sind dann nicht mehr verfügbar.