CSS débordement HTML ne fonctionne pas

Question

Webpage I am referencing

Le CSS:

a img { 
     bottom: -30px; 
     right: 0; 
     position: absolute; 
     overflow: hidden; 
     -webkit-transition: all .1s ease-in-out; 
     -moz-transition: all .1s ease-in-out; 
     -o-transition: all .1s ease-in-out; 
     transition: all .1s ease-in-out; 
} 
a img:hover { 
     transform: translate(0,-30px); 
     -webkit-transform: translate(0,-30px); 
     -o-transform: translate(0,-30px); 
     -moz-transform: translate(0,-30px); 
} 

HTML Image:

<a href="index.html"><img src="images/tag.png" height="100" width="119"></img></a> 

Affichage de la page Web sur un écran 1080p fait ressembler il n'y a pas de problèmes . Mais certaines personnes ont des écrans à plus basse résolution.

EX: Comme vous pouvez le voir, le "tag" ne colle pas

http://imgur.com/a/KK9GB

au bas de la page. Toute aide est la bienvenue! Merci!

Answer 1

Voulez-vous que ce soit toujours au bas de l'écran, quoi qu'il arrive? Si oui,

Change:

position: absolute; 

Pour:

position: fixed;