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;}
- Nicht so Verschieden von stackoverflow.com/questions/9862167/...
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich bin nicht sicher, ob dies ist, was Sie wollen, aber hier haben Sie ein Beispiel https://jsfiddle.net/vqxb20vg/2/
HTML
CSS
transform: translateX(-50%);
. Ich habe aktualisiert die AntwortKönnen Sie überprüfen Sie es jetzt? IST das, was Sie suchen.
CSS:
HTML: