Створення підказки

Відео: Відео Урок - Спливаюча підказка без скриптів

У цій статті хочеться розповісти про те, як створювати спливаючі підказки з використанням CSS. Тема дуже популярна, тому я вирішив її висвітлити.

Давайте відразу наведу код, що дозволяє реалізувати підказки:

Відео: Спливаюча підказка. Створення спливаючих підказок до вікна. урок 44

Як бачите, все дуже просто. Спочатку елемент всередині тега з класом "help"Невидимий (display: none;). Але як тільки ми наводимо мишку на тег (a.help:hover), Як відразу для елемента спрацьовують стилі, і він з`являється. Всі інші властивості задають розташування і зовнішній вигляд. Мій Вам рада: скопіюйте код і вставте в звичайний HTML-документ, і подивіться на результат. Також рекомендую побалуватися зі значеннями властивостей.

Відео: Спливаюча підказка. Створення нових спливаючих підказок до елементів. Частина 2. Урок 43

Ось така невелика стаття.