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
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
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>