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();
}
}
});
现在它渲染:
- 火狐:
- IE8:
正如你所看到的圆IE8中角落消失了;也调整了x,y的提示不起作用。我正在寻找qTip2这个特殊问题的解决方案。有什么办法解决这个问题吗?
有没有更好的Tooptip库可用,它没有这种问题?
IE8不支持圆角,所以我怀疑是CSS有'边框radius'地方。在将CSS3PIE添加到您的代码后尝试编辑CSS:http://css3pie.com/ – Blender 2012-04-07 06:27:51