jquery - qTip2 IE8 圆角

Question

我在我的应用程序中使用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：

如您所见，圆角在 IE8 中消失了；x, y 的尖端的调整也不起作用。我正在为 qTip2 的这个特殊问题寻找解决方案。有没有办法解决这个问题？

有没有更好的Tooptip 库没有这种问题？

Answer 1

IE8 不支持border-radius属性，因此您不能在 qtip 中使用圆角。这是图书馆网站上的一篇文章，作者回复说它不受支持，他不想过度设计像 qtip 这样微不足道的东西。

http://craigsworks.com/projects/forums/thread-rounded-corners-with-ie8-possible