appliquer une bordure de vol stationnaire à une image

Question

Je ne suis pas en mesure d'obtenir un survol sur mes images pour travailler, je suis sûr que je cible le vol stationnaire incorrectement, mais j'ai aussi une certaine jquery qui est jointe les images ce qui peut être à l'origine du conflit.

Voici le violon:

http://jsfiddle.net/MLS1984/9zwsJ/

Fondamentalement, je viens de la frontière à apparaître sur un état de vol stationnaire.

Answer 1

#content #team a:hover img.teamimg { 
    padding:3px; 
    border:1px solid #021a40; 
} 

http://jsfiddle.net/AlienWebguy/KB9S4/

Answer 2

Deux choses me semblent erronées.

Votre a est en dehors de l'image mais votre sélecteur le cherche à l'intérieur. En outre, vous avez une faute de frappe: teaming et teamimg ne correspondent pas.

changer donc:

#content #team img.teaming a:hover { 

à

#content #team a:hover img.teamimg { 

Answer 3

Il devrait être:

#content #team a:hover img.teamimg 

Vous avez eu:

#content #team img.teaming a:hover 

Deux choses ne vont pas avec ça. Premier teaming est faux, c'est teamimg (un m pas un n). 2ème, le img vient avant la a

Answer 4

est ici la solution

http://jsfiddle.net/9zwsJ/14/

#content #team a.panel3:hover img { 
    padding:3px; 
    border:1px solid #021a40; 
} 

Answer 5

Vous êtes mal commandé cet style:

#content #team img.teaming a:hover 

img.teaming est dans la balise, donc il faut lire:

#content #team a:hover img.teaming 

Je ne crois pas que cela fonctionne dans tous les navigateurs, mais (par exemple?). Si vous connaissez tous les liens dans cette liste non ordonnée vont contenir des images, vous pouvez simplement appliquer la bordure à la balise elle-même:

#content #team a:hover 

ou

#content #team a.panel13:hover 

Bonne chance!

Answer 6

Le img est à l'intérieur du a, de sorte que vous souhaitez cibler le a et le déplacer avant la img dans le sélecteur CSS. Vous pouvez voir mon travail ici: http://jsfiddle.net/Skooljester/9zwsJ/16/