Текст на изображении при наведении курсора мыши, как YouTube

Question

Как мне показать текст поверх моих изображений, когда на них наведена мышь?

Например, вы видите на YouTube, у вас есть кнопка добавления в список воспроизведения на миниатюрах. Как настроить что-то похожее, но для кнопки «Мне нравится».

Я не ищу подсказку. Я хочу, чтобы текст отображался на изображении, когда на него наведена мышь.

Answer 1

Поместите каждое из ваших изображений в отдельный «контейнер» div.Эти div должны иметь атрибут position: относительный.Дайте всем изображениям имя класса 'singleImage' Поместите еще один div внутри этого каждого из div-контейнеров с позицией: absolute и не отображайте none.Установите имя класса для этих элементов в 'toolTip'.Этот div будет всплывающей подсказкой.Поместите атрибут заголовка на ваши изображения.Вам понадобится jQuery, чтобы настроить зависший или простой javascript, если вы чувствуете себя авантюристом

Answer 2

Функциональность, на которую вы ссылаетесь, называется «всплывающей подсказкой». Существует множество различных плагинов, которые вы можете использовать. Без специального кода любому человеку будет сложно представить индивидуальное решение.

Answer 3

вы ищете навеселе я думаю