Bild in der Mitte des Bildschirms, wenn die Maus auf einen link

Ich versuche, ein Bild anzuzeigen, das in der Mitte des Bildschirms, wenn Sie die Maus auf einen link. Ich habe ein Bild erscheinen, wenn die Maus auf einen link, aber jetzt kann ich nicht bekommen, es zu zentrieren.

Hier ist mein html:

<div class="hover_img">
 <a href="#">A picture of my face<span><img src="/image.png"/></span></a>

Und CSS:

.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99;}
.hover_img a:hover span { display:block;}
InformationsquelleAutor peyroux | 2016-02-01
Schreibe einen Kommentar