→ Быстрые подсказки на CSS
Практически всегда пользователю нужно подсказывать, ну не может он без подсказок. Вот с помощью одного CSS, без всяких экпрешенов и прочего скриптинга можно реализовать простые и быстрые подсказки на одном CSS.
Вот так пишем такой CSS:
a.tooltip:hover {
background : red;
text-decoration : none;
padding:5px;
}
a.tooltip span {
display : none;
padding : 5px;
margin-left : 5px;
width : 155px;
font-family:Georgia;
font-size:1.2em;
color:#000;
font-style:italic;
}
a.tooltip:hover span {
border : 1px solid #ccc;
background : #fff;
display : inline;
position : absolute;
color : #4e4e4e;
}
И теперь хтмл этого CSS:
<a class="tooltip" href="#">word <span>Текст подсказки</span></a>
Результат: word Текст подсказки