2013-06-01 24 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; 
.... 
} 

祝你好運!