Подправить подсказки на CSS3

Тема в разделе "Верстка", создана пользователем verfaa, 6 июн 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. verfaa

    verfaa

    Регистр.:
    29 янв 2007
    Сообщения:
    375
    Симпатии:
    41
    Есть простые подсказки на CSS3 http://ruseller.com/lessons.php?rub=2&id=1587

    Мне необходимо использовать эти подсказки не в ссылке а в теге i вида
    Код:
    <i class='demo-icon tooltip cursor_pointer' title='Номер телефона в международном формате, например +79120000000'>&#xe825;</i>
    В результате при наведении всплывает и подсказка и сам текст в title, который браузер показывает по умолчанию.

    Помогите пожалуйста подправить стили, чтобы всплывала только подсказка без title по-умолчанию.

    Код:
    .tooltip{
        display: inline;
        position: relative;
    }
    
    .tooltip:hover:after{
        background: #333;
        background: rgba(83, 74, 132, 0.80);
        border-radius: 5px;
        bottom: 26px;
        color: #fff;
        content: attr(title);
        left: 20%;
        padding: 5px 15px;
        position: absolute;
        z-index: 98;
        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: 99;
    }
     
  2. denverkurt

    denverkurt Denve®

    Регистр.:
    23 дек 2013
    Сообщения:
    643
    Симпатии:
    370
    попробуйте прописать вместо
    Код:
     title='Номер телефона в международном формате, например +79120000000'
    так:
    Код:
     data-title='Номер телефона в международном формате, например +79120000000'
    и в цсс соответсвенно указать:
    Код:
    content: attr('data-title');
    либо придумать какой-либо свой атрибут, и заточить под него
     
    perfectartyshock, latteo и verfaa нравится это.