html.de - Hyperlink mit Grafik verbinden

by SpiceLab

HTML

<a href="...">Linktext<img src="https://www.html.de/data/avatars/m/35/35435.jpg?1448649091" /></a>

CSS

a {
  position:relative
}
a img {
  display:none;
  position:absolute;
  top:20px;
  left:50px;
  padding:10px 30px;
  background:#123;
  border:3px solid #abc
}
a:hover img {
  display:block
}