css - 由于 z-index 问题，Bootstrap 的工具提示不可见？

Question

CSS如何用于在下面小提琴的左侧菜单栏中显示工具提示？我不能使用 position: fixed 因为在某些情况下工具提示需要绝对定位。

小提琴：http: //jsfiddle.net/BF5yW/7/

代码：

<div class="side-box-menu">
    <div class="viewport">
        <ul>
            <li> <a class="side-box-menu-control nav-text" data-bind="tooltip: { title: 'text', trigger: 'hover', placement: 'right' }"><i class="icon-pencil"></i></a>
            </li>
        </ul>
    </div>
</div>

Answer 1

这是一种可能性还是我错过了什么？
http://jsfiddle.net/panchroma/vcXe6/

我所做的唯一改变是

side-study-box .viewport {
......  
overflow:visible;  
....
}  

祝你好运！