Как сделать всплывающие подсказки на Materialize CSS, Подробный видео курс по Materialize CSS #21
Делаем всплывающее сообщение при наведении в CSS
Добрый день. Сейчас рассмотрим такую задачку, когда необходимо посредством CSS добавить всплывающую подсказку на наш сайт. Допустим у нас имеется кнопка такого типа: <button class="btn">Кнопка</button> И нам нужно, чтобы при наведении на эту кнопку появлялась небольшая табличка с описанием такого типа: <span class="btndescription">Описание</span> Итак, приступим. Для начала создаем отдельный блок div для кнопки: <div id="btnblock"> </div> Внутри этого блока вставляем нашу кнопку и описание: <div...
Создание всплывающей подсказки
В этой статье хочется рассказать о том, как создавать всплывающие подсказки с использованием CSS. Тема очень популярная, поэтому я решил её осветить. Давайте сразу приведу код, позволяющий реализовать всплывающие подсказки: <html>
<head>
<title>Всплывающие подсказки</title>
<style>
a.help {
text-decoration: none;
color: #000000;
border-bottom: dashed 1px #000;
}
a.help span {
display: none;
}
a.help:hover {
position: relative;
}
a.help:hover span {
position: absolute;
display: block;
...