Последнее обновление: 2021-10-08 09:35:48
Всплывающая подсказкаДля создания подсказки в HTML добавим к нужному элементу пользовательский атрибут data-tooltip с текстом подсказки.Вывод текста и его оформление дальше возлагается на CSS. ... Цвет фона, текста, размеры и положение подсказки также задаются в ::after.
Всплывающая подсказка обычно используется для краткого комментирования содержания изображений и появляется при наведении на картинку курсора мыши. Добавление такой подсказки происходит с помощью атрибута title тега <img>. В качестве значения указывается текстовая строка, заключенная в кавычки.
В HTML уже есть глобальный атрибут title, который можно добавить к любому элементу веб-страницы. Наличие этого атрибута добавляет всплывающую подсказку, которая появляется при наведении курсора мыши на элемент.
Напишите JS-код, реализующий поведение «подсказка». При наведении мыши на элемент с атрибутом data-tooltip , над ним должна показываться подсказка и скрываться при переходе на другой элемент. Прокрутите страницу, чтобы кнопки оказались у верхнего края, а затем проверьте, правильно ли выводятся подсказки.
Ярлык мыши:Наведите курсор мыши на ошибку в редакторе, чтобы вызвать всплывающую подсказкуAlt + нажмите на сообщение об ошибке внутри всплывающей подсказки, чтобы скопировать его в буфер обмена