qTip2 IE8 圆角答案

【问题标题】：qTip2 IE8 Rounded cornerqTip2 IE8 圆角
【发布时间】：2012-04-20 14:13:34
【问题描述】：

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

【问题讨论】：

IE8 不支持圆角，所以我怀疑 CSS 在某处有 border-radius。在您的代码中添加 CSS3PIE 后尝试编辑 CSS：css3pie.com

标签： jquery internet-explorer-8 tooltip rounded-corners qtip2

【解决方案1】：

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

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

【讨论】：