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>