вот здесь: _http://nevrolog2012.ru/4.php
при наведении на ячейку таблицы с надписью "hover here" вылазиет дивка с надписью.
В opera и IE работает нормально, а вот в Mozilla все дивки показваются вверху.
скрипт:
Код:
|
$(document).ready(function(){
$(".plan td").hover(function() {
$(this).find("div").stop(true,true)
.animate({opacity: "show", top: "-55"}, "slow");
}, function() {
$(this).find("div").stop(true,true)
.animate({opacity: "hide", top: "-65"}, "fast");
});
}); |
CSS:
.plan { border-collapse:collapse; font-size:14px;}
.plan td {
padding: 5px;
position: relative;
text-align: center;
}
td div {
background: url(../images/hover.png) no-repeat;
width: 180px;
height: 45px;
position: absolute;
top: -65px;
left: -15px;
text-align: center;
padding: 20px 12px 10px;
font-style: normal;
z-index: 2;
display: none;
}
как подстроиться под мозилу?