Tooltips auf Bild makieren
Zeigt wie man auf Bilder Markierungen setzen kann und beim Hovern ein Tooltip angezeigt bekommt. Das Script funktioniert ohne JS und ist responsive
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<html lang="de" class="desktop mbr-site-loaded" data-lt-installed="true" style=""><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<title>Hotspot</title>
<style>
body {
font-family: Muli;
}
.cid-r2dgO3mSMQ {
padding-top: 75px;
padding-bottom: 90px;
background-color: #fafafa;
}
@media (min-width: 992px) {
.cid-r2dgO3mSMQ .mbr-figure {
padding-right: 4rem;
}
}
@media (max-width: 992px) {
.cid-r2dgO3mSMQ .mbr-figure {
padding-bottom: 1rem;
}
}
.cid-r2dgO3mSMQ .mbr-text {
color: #000000;
letter-spacing: 0.03em;
}
.cid-r2dgO3mSMQ blockquote {
position: relative;
display: none;
*border: 1px solid #fafafa;
border-color: transparent;
border-radius: 8px;
padding: 8px;
margin: 20px;
text-align: center;