Дубликат исправления всплывающей подсказки?

0

Есть ли что-нибудь, что я могу сделать, чтобы удалить всплывающую подсказку по умолчанию?

Скриншот:

Изображение 174551

Это мой HTML:

<div class="filter-button"><a href="/category/work/" title="Work" class="tooltip"><img src="/themes/Phyre/css/img/work.png"></a></div>

... и это мой CSS:

.tooltip{
display: inline;
position: relative;
}

.tooltip:hover:after{
background: #6C8095;
border-radius: 5px;
bottom: 76px;
color: #fff;
text-align: center;
text-transform: uppercase;
content: attr(title);
left: 10%;
padding: 5px 10px;
position: absolute;
z-index: 98;
}

.tooltip:hover:before{
border: solid;
border-color: #6C8095 transparent;
border-width: 6px 6px 0 6px;
bottom: 70px;
content: "";
left: 40%;
position: absolute;
z-index: 99;
}
Теги:
duplicates
tooltip

1 ответ

0
Лучший ответ

замещать

title="Work"

с

data="Work"

а также

content: attr(title);

с

content: attr(data);

Ещё вопросы

Сообщество Overcoder
Наверх
Меню