Есть код (представлен ниже). Мне нужно, чтобы появляющийся div
не исчезал, если пользователь, пока наводил на него мышку, случайно вышел за границу блока span
в пределах некоторой величины (скажем, 6px
). Как это сделать?
.hint:hover>.hint_modal {
display: inline-block;
}
.hint {
width: 100px;
height: 100px;
}
.hint_modal {
display: none;
color: #767c7e;
border: #bcbcbc solid 0.5px;
padding: 3px 1px 0 6px;
margin-left: 10px;
}
<span class="hint">
Наведите на меня
<div class="hint_modal">
Спрятанный блок
</div>
</span>