2013-06-01 30 views
0

如何CSS可以用来显示在左侧菜单栏中的提示在下面的小提琴?我无法使用position:fixed,因为在某些情况下,工具提示需要被绝对定位。由于z-index问题,Bootstrap的工具提示不可见?

小提琴: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> 
+1

这不是z-index的,但'溢出:hidden'在'.side学习盒.viewport'样式定义。如果你删除了“overflow:hidden”,它会起作用。所以问题是为什么你最初需要这里隐藏的溢出? – nemesv

+0

啊,我错过了。随意做出这个答案,或者我可以删除这个问题。谢谢您的帮助 :) – RobVious

回答

3

这是成为了可能,还是我失去了一些东西?
http://jsfiddle.net/panchroma/vcXe6/

我所做的唯一的变化是让

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

祝你好运!