Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Простая подсказка на CSS - Хинт для ucoz
19.11.2018
Простая подсказка на CSS - Хинт для ucoz
  • 615 Просмотров:
  • 0 Скачиваний:
  • 1 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Установка:
Это в css:
Код

.tooltip {display:inline;position:relative;top:70px;}  
  .tooltip:hover:after {background:#333;background:rgba(0,0,0,.8);border-radius:5px;bottom:26px;color:#fff; content:attr(title);left:20%;padding:5px 15px;position:absolute;z-index:4;width:220px;}  
  .tooltip:hover:before {border: solid;border-color:#333 transparent; border-width:6px 6px 0 6px;bottom:20px;content:"";left:50%;position:absolute;z-index:5;}


Если подсказку перекрывают какие либо элементы шаблона. Поставьте z-index больше.

Это в html

Код

<a href="#" title="asdasd" class="tooltip"><span title="1">OFF</span></a>
Простая подсказка на CSS - Хинт для ucoz" title="Скачать Простая подсказка на CSS - Хинт для ucoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: Неизвестно
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]