0

アプリケーションで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ライブラリはありますか?

4

1 に答える 1

2

IE8 はborder-radiusプロパティをサポートしていないため、qtip で角を丸くすることはできません。これは図書館のウェブサイトに投稿されたもので、著者はサポートされておらず、qtip のような些細なことをエンジニアに任せたくないと答えています。

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

于 2012-04-07T06:39:37.193 に答える