0

ツールチップに取り組んでいました（入力中にコンテンツを表示するため）。Chrome では問題なく動作していましたが、Mozilla Firefox でテストする前のことでした。ツールチップは Chrome ブラウザのテキスト領域ボックスの下部に配置されますが (これは私が望んでいるものです)、Mozilla Firefox ではランダムな場所に表示されますが、すべてのテキスト領域のツールチップは同じランダムな場所に表示されますテキストエリアに焦点を当てます。CSSの問題であることはわかっていますが、関連するすべてのコードを添付しています。

CSS

.tooltip
{
    color:#0D776e;
    font-size:15px;
    font-family:calibri;
    min-height:25px;
    border-radius:4px;
    margin:0 0.5%;
    word-wrap:break-word;
    display:none;
    z-index:500;
    width:200px;
    position:absolute;
    top:32px;
}

Jクエリ

$(document).ready(function()
{
    $("textarea").focus(function()
    {
        var targetArea = $(this);
        targetArea.siblings('div').fadeIn(400).css({"background-color":"#E7F1F0","border":"1px solid #86BBB6"}).html(targetArea.val());
    });

    $("textarea").blur(function()
    {
        var targetArea = $(this);
        targetArea.siblings('div').fadeOut(400).css({"background-color":"#E7F1F0","border":"1px solid #86BBB6"});
    });

    $("textarea").keyup(function()
    {
        var targetArea = $(this);
        targetArea.siblings('div').html(targetArea.val());
    });
});
4

1 に答える 1

1

以前の投稿から覚えている場合は、TD. TD位置を受け入れないため、すべてのコンテンツをDIVwithでラップしposition:relativeて、ツールチップがその位置をDIV

于 2013-01-12T18:02:37.140 に答える