我在我的应用程序中使用qTip2。我通过以下jQuery实现的tooptipfication:
$(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中,圆角已经消失了;也调整了x的尖端,y不起作用。我正在寻找qTip2这个特殊问题的解决方案。有什么方法可以解决这个问题吗?
有没有更好的Tooptip Library可用,哪些没有这类问题?
答案 0 :(得分:2)
IE8不支持border-radius
属性,因此您无法在qtip中使用圆角。这是一个关于图书馆网站的帖子,作者回复说它不受支持,他不想为一些像qtip这样微不足道的东西工程师。
http://craigsworks.com/projects/forums/thread-rounded-corners-with-ie8-possible