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

Тема в разделе "Другие языки", создана пользователем sunyang, 3 июл 2011.

Модераторы: Цукер
  1. sunyang

    sunyang

    Регистр.:
    25 апр 2009
    Сообщения:
    444
    Симпатии:
    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 шоль не понимает??))
     
  2. zavu

    zavu

    Регистр.:
    24 сен 2010
    Сообщения:
    180
    Симпатии:
    14
    http://htmlbook.ru/css/z-index
    Вроде как только самая старая мозилка не поддерживала, все должно нормально работать. Хотя у меня подсказка гораздо проще, и все равно работает.