Css подсказка скрыта переполнением?

Question

Я хочу поместить подсказку css на ссылки внутри таблицы.

Вот моя разметка:

<a class="tooltip" href="/link"> 
    My link text 
    <span class="tooltip-span"> 
     my tooltip text 
    </span> 
</a> 

Вот мой CSS:

.tooltip { 
    cursor: help; 
    text-decoration: none; 
    position: relative; 
} 

.tooltip .tooltip-span { 
    margin-left: -999em; 
    position: absolute; 
} 

.tooltip:hover .tooltip-span { 
    border-radius: 5px 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 

    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 

    position: absolute; 
    left: 1em; 
    top: 2em; 
    z-index: 99; 

    margin-left: 0; 
    width: 250px; 
    padding: 0.8em 1em; 

    background: #F9F9F9; 
    border: 1px solid #D9D9D9; 
    color: black; 
} 

Но, в некоторых из моих таблицах <td> тег имеет свойство CSS overflow: hidden; вызывает всплывающую подсказку, чтобы остаться скрытым.

Я действительно не знаю, как свойство переполнения может сломать мою подсказку вроде этого .. Может ли кто-нибудь объяснить мне отношение?

Благодаря

Answer 1

Удалить overflow:hidden недвижимость? Я не могу думать о какой-либо причине, почему вы использовали бы ее внутри td, если бы вы не пытались подавить переполнение из div внутри нее.

---

Если подсказка находится внутри <td>, то ее восприимчивой к переполнению, и константы выглядит он спрятан, как вы поручили это быть с помощью overflow:hidden.