2012-04-07 178 views
0

我在我的應用程序中使用qTip2。我通過以下的jQuery實現tooptipfication:qTip2 IE8圓角

$(this).qtip({ 
     style: { 
      tip: { 
       corner: true, 
       width: 10, 
       height: 5 
      }, 
      classes: 'ui-tooltip-rounded ui-tooltip-shadow ui-tooltip-tipsy' 
     }, 
     position: { 
      my: 'bottom left', 
      at: 'top right', 
      adjust: { 
       x: -10, 
       y: 0 
      } 
     }, 
     events: { 
      show: function (event, api) { 
       $('.ui-tooltip-content').addClass('ui-tooltip-center'); 
      } 
     }, 
     show: { 
      effect: function (offset) { 
       $(this).show(); 
      } 
     }, 
     hide: { 
      effect: function (offset) { 
       $(this).hide(); 
      } 
     } 
}); 

現在它渲染:

  • 火狐:enter image description here
  • IE8:enter image description here

正如你所看到的圓IE8中角落消失了;也調整了x,y的提示不起作用。我正在尋找qTip2這個特殊問題的解決方案。有什麼辦法解決這個問題嗎?

有沒有更好的Tooptip庫可用,它沒有這種問題?

+0

IE8不支持圓角,所以我懷疑是CSS有'邊框radius'地方。在將CSS3PIE添加到您的代碼後嘗試編輯CSS:http://css3pie.com/ – Blender 2012-04-07 06:27:51

回答