Button als Icon mit Tooltip

[Matthias Apsel]

Hallo JürgenB,

ich habe für meine Seite da mal was gebastelt:

[title]:focus::after {
  content: attr(title); 
  position: absolute; 
  margin-top: 2em;
  margin-left: -6.5em;
  padding: .2em; 
  font-size: 0.8em;
  border: 1px solid black;
  background-color: #fff;
  color: #000; 
  white-space: nowrap;

Ein solcher Tooltip hat aufgrund der absoluten Positionierung allerdings den Nachteil, dass er sich auch außerhalb des Viewports befinden kann.

Bis demnächst
Matthias