Notice: Undefined variable: root in /users/basti1012/www/index1.php on line 41
Pseudo Element klickbar machen mit Link

Pseudo Element klickbar machen mit Link

Das scheint gar nicht so einfach zu sein. Aber mit etwas Googeln konnte ich eine Lösung finden. Jetzt kommt beim Hover ein kleines Bild was verlink ist . So wie du es bei Bitcoins gesehen hast

Der hier verwendete Code

<style> h2{ text-align:center; font-size:34px; display:inline-block; margin-left:25%; } h2:before{ width:30px; height:30px; content:''; display:inline-block; } h2:hover:before{ content:''; background:url(https://bitcoin.org/img/icons/mini_ico_anchor.svg?1528322191); background-size:30px 30px; width:30px; height:30px; display:inline-block; cursor:pointer; } </style> <h2 data-link="http://goggle.de">berschrift mit Link ansatz</h2> <div id="logs"></div> <script> span = document.querySelector('h2'); span.addEventListener('click', function (e) { if (e.offsetX <30) { h=$(this).data('link'); open(h) } else { } }); </script>