0
я должен работать с HTML-файлы, в которых следующие подсказке широко используются:Как сделать tlltip только при наведении курсора на текст?
<div class="tooltip">
Text
<span class="popup">
Tooltip
</span>
</div>
И в CSS:
.tooltip span[class="popup"] {
z-index:10;display:none; padding:7px 10px;
}
.tooltip:hover span[class="popup"]{
display:inline; position:absolute; color:#111;
border:1px solid #DCA; background:#fffAF0;
}
https://jsfiddle.net/f1tztx15/2/
Моя проблема заключается в том, что подсказка не только появляется, когда Я наводил курсор на «Текст», но также, когда я наводил курсор на пустое место справа от «Текст» (см. Ниже).
Tooltip appearing when blank space is hovered
Есть ли способ ограничить «hoverable» область к тексту, не изменяя всю всплывающую подсказку? (У меня действительно нет такой свободы)
Спасибо!
Добавить '' вокруг текста - в настоящее время контейнер для текста представляет собой div, который является блочным элементом, что означает, что пока вы находитесь внутри div, вы будете запускать всплывающую подсказку. И я должен сказать, что это один из худших способов создания всплывающей подсказки, которую я когда-либо видел. – junkfoodjunkie
Они учатся ... вместо того, чтобы «это один из худших способов создания всплывающей подсказки, которую я ВСЕГДА видел», как насчет предложения о ее улучшении ... –
О, это было быстро. Он отлично работает, большое спасибо! – bigxtra