CSS Tooltip box скрыт

Question

У меня есть всплывающая подсказка CSS, и она частично скрыта в моем контенте. Мне бы хотелось, чтобы он либо простирался за пределы поля содержимого, либо перемещался так, чтобы он оставался в пределах поля содержимого.

Вы можете увидеть подсказку здесь http://aorasieconsultant.com/site.html на второй странице, когда вы наводите курсор на изображения.

Ссылка на страницу CSS файл http://aorasieconsultant.com/styles.css

Вот подсказка CSS:

a.tooltip{ 
    outline: none; 
    text-decoration:none; 
    color: inherit; 
    position:relative; 
} 
a.tooltip span{ 
    height: auto; 
    pointer-events: none; 
    position: absolute; 
    left:0; 
    bottom:10px; 
    z-index:1; 
    opacity: 0; 
    padding: 0px; 
    background:#B40406; 
    text-align: left; 
    font-weight: normal; 
    font-size:0.8em; 
    display:inline-block; 
    white-space:nowrap; 
    border: 6px solid #fff; 
    border-radius: 5px; 
    box-shadow: 2px 10px 10px rgba(0,0,0,0.2); 
    -webkit-transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; 
    -ms-transition: all 0.3s ease-in-out; 
    transition: all 0.3s ease-in-out; 
} 
a.tooltip span:before, 
a.tooltip span:after{ 
    content: ''; 
    position: absolute; 
    bottom: -20px; 
    left: 0; 
    margin-left:-11px; 
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent; 
    border-right: 10px solid transparent; 
    border-top: 10px solid rgba(0,0,0,0.1); 
} 
a.tooltip span:after{ 
    bottom: -14px; 
    margin-left: -10px; 
    border-top: 10px solid #fff; 
} 
a.tooltip:hover span{ 
    opacity: 0.95; 
    bottom:50px; 
} 

Answer 1

Похоже customScrollBox является элементом, который покрывает tooltip. Добавить overflow:visible в customScrollBox, а tooltip выходит за пределы customScrollBox.