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