Muss nicht, aber wenn man eine "alte" Imagemap auf resposnsive "portieren" möchte, hat man ja meistens ein Bild als Grundlage - da ist es relativ einfach das als HG einzubinden
PHP-Code:
...
<defs>
<style>
svg {
background-image: url('{{file::123}}');
background-size: 100% 100%;
background-repeat: no-repeat;
}
rect {
fill: transparent;
cursor: pointer;
transition: fill 0.2s
}
svg a:focus,
svg a:hover {
outline: none;
}
svg a:focus rect,
svg a:hover rect {
fill: rgba(30, 222, 121, 0.25);
cursor: pointer;
}
</style>
</defs>
<g>
<title>Mehr</title>
<a xlink:href="{{link_url::123}}">
<rect x="29.248" y="1311.749" fill="none" width="1014.101" height="282.029"/>
</a>
</g>
....
Lesezeichen