css弹出窗口在表的最后一行不起作用

使用firefox firebug并使用

 css  top:100px,left:100px. 

其实我也有类似的问题。 我在第一个表下面放置了一个高度为popup的空表(单击此表列时显示popup)。

<table><tr><td>on click or mouse over show popup</td></tr>
<tr><td>on click or mouse over show popup</td></tr>
<tr><td>on click or mouse over show popup</td></tr>
<tr><td>as this the last td popup was going inside the scroll so i put table below</td></tr></table>

<table><tr><td height='50px'> </td></tr></table>

如果这不是你的情况。对不起。:)

在模板的底部:

 <div id="popup-flyer"></div>

function make_tooltip () {
   var tooltip = $(this);
   var flyer = $("#popup-flyer");
   flyer.css('position', 'absolute');
   flyer.css('left', tooltip.position().left + 30);
   flyer.css('top', tooltip.position().top);
   flyer.append(tooltip.children('span').clone());
   flyer.show(1);
};

function hide_tooltip () {
   var tooltip = $(this);
   var flyer = $("#popup-flyer");
   flyer.hide(1);
   flyer.children('span').remove();
};

$(document).ready( function () {
$(".tooltip").hover(make_tooltip, hide_tooltip);
});

css:

a class='tooltip'>
                <img src="image" alt="" height="20" width="20" />
                    <span> lalalakalsjsjhfksajhfdsh
                           text here....
                    </span>
            </a>