CSS定位的工具提示中斷模態彈出

Question

我正在使用tipTip工具提示（兩個jquery）的OSX樣式「簡單模態」。

我的問題：第一次打開時，工具提示在模式彈出窗口中很好地工作，但是當關閉並重​​新啓動時，它會轉到左上角。

例子：http://drawnigh.org/site/new/modal/

任何想法是什麼引起的？

Answer 1

• DEMO：http://so.devilmaycode.it/css-positioning-of-tooltip-breaks-inside-modal-popup/

確保前端負荷模態動畫完成後是這樣的：

打開osx.js發現這段代碼和添加如下小費電話：

open: function (d) { 
     var self = this; 
     self.container = d.container[0]; 
     d.overlay.fadeIn('slow', function() { 
      $("#osx-modal-content", self.container).show(); 
      var title = $("#osx-modal-title", self.container); 
      title.show(); 
      d.container.slideDown('slow', function() { 
       setTimeout(function() { 
        var h = $("#osx-modal-data", self.container).height() 
         + title.height() 
         + 20; // padding 
        d.container.animate(
         {height: h}, 
         200, 
         function() { 
          $("div.close", self.container).show(); 
          $("#osx-modal-data", self.container).show(); 
          // add this line of code... 
          $("form input").tipTip({defaultPosition: "right", activation: "focus", delay: "10", fadeIn: 1}); 
         } 
        ); 
       }, 300); 
      }); 
     }) 
    }, 

Answer 2

我建議將#tiptip_holder的position屬性更改爲fixed。使用絕對定位時，滾動頁面時，工具提示不會隨着模式彈出窗口向下移動。