Подсказка для ссылки (title) торрент

Скрипты для uCoz » Подсказка для ссылки (title)

Голосов: 0

1

2

3

4

5

Голосов: 0

Можете оставить свой голос отметив одну из звездочек.

Скрипты для uCoz

Дата добавления: 10.07.2013 - 17:43
Просмотров: 711

0 понравилось не понравилось

Всем привет, в этом материале будет показано что нужно сделать чтобы сделать всплывающие подсказки к ссылкам на чистомCSS, без использования jQuery и прочего. Простая темная всплывающая подсказка к ссылке! Перейдем к собственно установке.
В 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;}

Чтобы вызвать эту подсказку html код следующий:

Код

Если по каким-то причинам подсказка находится под какими-то элементами сайта измените z-index на большее условие.