2012-04-07 185 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

回答