我对悬停有疑问。它们在 IE 中运行良好,但不能在 Mozilla Firefox 或 Chrome 中运行。我猜这是因为它相当模糊,每个 td 但现在这就是我需要的。这是小提琴(不工作)http://jsfiddle.net/233qG/在此先感谢。
的HTML
<table>
<tr>
<td>one</td>
</tr>
<tr>
<td>two</td>
</tr>
<tr>
<td>three</td>
</tr>
</table>
<div class="modalPop">Modal Information</div>
CSS
div.modalPop
{
display:none;
position:absolute;
border:solid 1px black;
padding:8px;
background-color:white;
margin: 280px 50px 0 0;
z-index: 9999;
}
a.modalPop:hover + div.modalPop
{
display:block;
}
div.modalPop:hover
{
display:block;
}
jQuery
$(document).ready(function(){
$('td').hover(
function(){$('.modalPop' + this).stop().hide().fadeIn('slow');},
function(){$('.modalPop' + this).stop(true, true).fadeOut('slow');}
);
});