qTip2 IE8圆角

时间:2012-04-07 06:25:16

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

我在我的应用程序中使用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();
            }
        }
});

现在它呈现在:

  • Firefox:enter image description here
  • IE8:enter image description here

正如你所看到的,在IE8中,圆角已经消失了;也调整了x的尖端,y不起作用。我正在寻找qTip2这个特殊问题的解决方案。有什么方法可以解决这个问题吗?

有没有更好的Tooptip Library可用,哪些没有这类问题?

1 个答案:

答案 0 :(得分:2)

IE8不支持border-radius属性,因此您无法在qtip中使用圆角。这是一个关于图书馆网站的帖子,作者回复说它不受支持,他不想为一些像qtip这样微不足道的东西工程师。

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