применить к изображению границу наведения

Question

Я не могу заставить работать мои изображения с наведением курсора, я уверен, что неправильно нацеливаю курсор мыши на css, но у меня также есть некоторый jquery, который прикрепляет изображения, которые могут вызывать конфликт.

Вот скрипка:

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

По сути, я просто граница, чтобы появиться в состоянии наведения.

Answer 1

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

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

Answer 2

Две вещи кажутся мне неправильными.

Ваш a находится вне изображения, но ваш селектор ищет его внутри. Кроме того, у вас есть опечатка: teaming и teamimg не совпадают.

Так измените:

#content #team img.teaming a:hover {

до

#content #team a:hover img.teamimg {

Answer 3

img находится внутри a, поэтому вы хотите нацелиться на a и переместить его до img в селекторе CSS. Вы можете увидеть мою работу здесь: http://jsfiddle.net/Skooljester/9zwsJ/16/

Answer 4

Вы неправильно заказываете этот стиль:

#content #team img.teaming a:hover

img.teaming - внутри тега, поэтому он должен читать:

#content #team a:hover img.teaming

IОднако не верьте, что это будет работать во всех браузерах (т.е.?).Если вы знаете, что все ссылки в этом неупорядоченном списке будут содержать изображения, вы можете просто применить границу к самому тегу:

#content #team a:hover

или

#content #team a.panel13:hover

Удачи!

Answer 5

Вот решение

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

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

Answer 6

Это должно быть:

#content #team a:hover img.teamimg

У вас было:

#content #team img.teaming a:hover

Две вещи не так с этим.Сначала teaming не так, это teamimg (м не н).2-й, img предшествует a