Comment est-ce que je peux réparer ce comportement étrange de vol stationnaire d'ancre d'IE 8 img?

Question

Si j'ajoute à mon CSS ...

small a:hover, a:hover {background-color: #CCC; } 

Cela arrive à toutes les images qui sont aussi des liens lors de l'affichage dans IE 8 (très bien dans firefox) ...

Ils ont l'air droit .. .

http://notails.com/nothover.jpg

jusqu'à ce que je passe la souris sur eux ...

http://notails.com/hover.jpg

Si je supprime la ligne de CSS le comportement disparaît. J'ai essayé de googler cela mais j'ai juste des problèmes sans rapport.

Answer 1

Par défaut, les images alignent leurs bords inférieurs à la ligne de base du texte. Cet espace gris que vous voyez est l'espace au-dessous de la ligne de base, utilisé par les déciseurs comme q, p, y, etc. (Le fait que vous n'avez pas de texte n'est pas pertinent - l'espace réservé aux descendeurs est toujours réservé.)

You peut se débarrasser de lui comme ceci:

a img { /* You might want to make this rule more specific! */ 
    vertical-align: bottom; 
} 

Voir That mysterious gap under images pour une discussion complète de cela.

Answer 2

essayer

a { 
    margin: 0px; 
    padding: 0px; 
} 

Answer 3

Vous pouvez également essayer de réglage de la hauteur de ligne sur ce point à 0.

Answer 4

Je pense que vous devez probablement définir la bordure de l'image sur none, donc border: none;