[Помогите] Описание товар при Наведении курсора в Категории

[sashaustenko]

Здравствуйте уважаемые пользователи форума!

Нужно Ваша помощь в решении задачи по оптимизации и внешнему виду магазина.

Много кто использует подобное действие, но я не могу найти как реализовать, решил обратиться за помощью.

Нужно скрыть "div" элемент в Карточке товара в Категориях, но при наведении ":hover" чтобы этот "div" появлялся поверх других карточек (элементов)... при отводе курсора мыши от Товара, снова скрывался "div", попробовал привести пример в Изображении прикреплённом в теме.

Помогите пожалуйста.

[ArtemPitov]

1 Скрыть блок 

2 Абсолютно с позиционировать 

3 При ховере показать 

[sashaustenko]

1 Скрыть блок 

2 Абсолютно с позиционировать 

3 При ховере показать 

Не помогает, можете привести пример?

Пытался через display скрывать, и через visibility не реагирует.

Я искал так же через скрипт, не нашёл решений тех чтобы именно мне подошли, уже думаю решить через tooltip, но это будет не то что хочу:(

[ArtemPitov]

https://jsfiddle.net/7rgg79gq/

[sashaustenko]

https://jsfiddle.net/7rgg79gq/

Оооо, спасибо хороший человек;) именно то что искал

Сейчас буду реализовывать

[jnxjn]

Для того чтобы выпадающий текст выпадал поверх карточки товара снизу, используйте z-index

Змінено 5 жовтня 2016 користувачем jnxjn