Tooltip Bildeinblendung bei Mouseover

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Tooltip Bildeinblendung bei Mouseover

Beitrag von Hape »

Hier der CSS-Abschnitt:

Code: Alles auswählen

<style type="text/css">
<!--
 body {background-color: #cccccc}

  a.tooltip
{
  position: relative;
  text-decoration: none;
}
a.tooltip span
{
  display: none;
}
a.tooltip:hover span
{
  position: absolute;
  display: block;
  top: 1.5em;
  left: 2em;
  border: 1px solid black;
  background-color:white;
  padding: 0.2em;
}
-->
</style>
Hier der Link:

Code: Alles auswählen

<a href="#" class="tooltip">Überqueren Sie mich mit der Maus!<span><img src="URL zum Bild" /></span></a>
Hier dazu eine Demoseite: https://hapes-javascript-demo-page.hpag ... ltip3.html

Antworten