Наведите курсор, спрячьте изображение show div

Question

Я не уверен, что для этого потребуется JQuery, но то, что я пытаюсь достичь, - это список наборов изображений (например, использование одного изображения), которые будут скрываться при зависании и отобразит div с фоновым изображением и текстом.

Как можно добиться такого эффекта?

меня это до сих пор, но изображение сохраняет мигания: http://jsfiddle.net/FvBqA/126/

Answer 1

Вы можете использовать абсолютное позиционирование и Z-индексы. См. Это example

В качестве альтернативы используйте правило непрозрачности. См. Это example

В вашем случае я бы предложил использовать правило непрозрачности. Вы можете увидеть обновленную и рабочую версию here

Для полностью кросс-браузер решение посмотреть example

Answer 2

Я думаю, что в CSS

a img:hover { 
    opacity: 0; 
} 

должно быть достаточно.

Answer 3

Непрозрачность не поддерживается всеми браузерами, я думаю, вы должны пройти путь дисплея:

a img:hover { 
    display: none; 
} 

Answer 4

Я обновил свой jsfiddle. Here - это ссылка. Мой код использует функцию jquery onmouseover