jquery подменюшка. Не работает в мозиле

sunyang

Мастер
Регистрация
25 Апр 2009
Сообщения
440
Реакции
30
при наведении на ссылку или на картинку, сверху <TD> вылазиет панелька <em> с описанием:

html код (smarty) как есть:
HTML:
<table width="600" align="center" cellpadding="0" cellspacing="10">
<tr>
{foreach from = $bills item=hits}
<td align="center" valign="bottom">
<br><a href='{if $chpu != 1}bill.php?id={$hits.id}{else}bill_{$hits.id}.htm{/if}'>{$hits.sdelka_name}, <br />
гор. <strong>{$hits.city_name}</strong></a>
<em><strong>Количество комнат:</strong><br />{$hits.komnat_total_name}<br /><strong>Этаж:</strong> {$hits.etaj}<br /><strong>Общая площадь:</strong> {$hits.s_total}</em>
<br /><br />
{if $hits.foto_arr[0] != ""}
<a href='{if $chpu != 1}bill.php?id={$hits.id}{else}bill_{$hits.id}.htm{/if}'><img src="img/thumb.php?id={$hits.foto_arr[0]}&w=120" title="{$hits.sdelka_name} {$hits.type_nedvig_name} {$hits.city_name}" onmouseover="this.style.borderColor='#feaa38'" onmouseout="this.style.borderColor=''"/></a>{else}фото нет{/if}
<em><strong>Количество комнат:</strong><br />{$hits.komnat_total_name}<br /><strong>Этаж:</strong> {$hits.etaj}<br /><strong>Общая площадь:</strong> {$hits.s_total}</em>
<br /><span>{$hits.type_nedvig_name}</span><br />
{$hits.city} 
<div class="rec_price">{$hits.price} {$hits.valuta_name}</div>
</td>
{/foreach}
</tr>
</table>

стиль сss:
HTML:
.recomend td {background-color:#fff; margin:10px; border:#757575 dotted 1px; position: relative;}
.recomend em {
	background: url(../images/hover.png) no-repeat;
	width: 200px;
	height: 70px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 5px 30px 10px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	font-size:11px;
}

обработчик:
Код:
$(document).ready(function(){

	$(".recomend a").hover(function() {
		$(this).next("em").stop(true,true)
                          .animate({opacity: "show", top: "-75"}, "slow");
	}, function() {
		$(this).next("em").stop(true,true)
                          .animate({opacity: "hide", top: "-85"}, "fast");
	});


});

в опере и IE работет нормально, в мозиле чета панелька не вылазиет.
Как под мозилу подогнать?

Она z-index шоль не понимает??))
 

Вроде как только самая старая мозилка не поддерживала, все должно нормально работать. Хотя у меня подсказка гораздо проще, и все равно работает.
 
Назад
Сверху