0


1

IEの位置の問題のツールチップ

以下は、要素の上に移動するツールチップに使用するコードです。そのため、下にポップアップ表示されず、スクロールしてユーザーに表示されません。 IEを除くすべてのブラウザーで正常に動作します。 IEでは、要素の上ではなく要素の下に配置されます。

IEで位置決めエラーを修正するにはどうすればよいですか? 困った。

.ToolTip
{
    border: 2px solid black;
    background:#fff;
    display:none;
    padding:10px;
    width: 325px;

    z-index:1000;
    -moz-border-radius:4px;
}



        $(document).ready(function () {


    $(".tip_holder").hover(
                function () {
                    var $containerWidth = $(this).width();
                    var $offset = $(this).offset();

                    $('#ToolTipPopUp')
                        .prepend('<div id="tooltip" class="ToolTip">' + $("#ToolTipHolder").text() + '</div>');

                    var $tipWidth = $('#tooltip').width();
                    var $tipHeight = $('#tooltip').height();

                    $('#tooltip').css({
                        'top': $offset.top - ($tipHeight + 15),
                        'left': $offset.left - ($tipWidth - $containerWidth) / 2,
                        'position': 'absolute',
                        'display': 'block'
                    });

                },
                function () {
                    $('#tooltip').remove();
                }
            );

        });







                        For Visa, MasterCard
                            and Discover, the card verification number is a 3-digit security code that is printed
                            on the back of your card.




                            For American Express, the card verification number is 4-digits and appears on the
                            front of the card. The number appears on the signature strip after the last four
                            digits of your account number.

1 Answer


2


IEはあなたを狂気に駆り立てます。 javascriptを使用して問題を解決しても構わない場合は、http://rafael.adm.br/css_browser_selector/を使用できます。または、条件ステートメントを使用して、IEに対して次のような異なるスタイルシートを使用できます。 if IEステートメントの異なるバージョン、「IE ifステートメント」だけをグーグルで検索してください。