Beispiel:Popover-1.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html>

<html lang="de"> 

 <head>
   <meta charset="utf-8">
   <title>Popover - 1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" media="screen" href="./Beispiel:Grundlayout.css">  
   <style>
  1. additional-info {
 background: #fffbf0;
 border: thin solid #e7c157;
 max-width: 20em;
 position: absolute;
 margin: 4rem auto;
 padding: 1rem;

} body { 

   background-color: #999;

} 

   </style>

</head> <body>

Tooltip mit Popover

<button popovertarget="additional-info"> → mehr Infos </button>

Zusatz-Info

In einem HTML-Element mit popover-Attribut können weitere Informationen präsentiert werden.<p> </div> </body> </html>

Abgerufen am 15.10.2025
von "http://wiki.selfhtml.org/wiki/Beispiel:Popover-1.html"