- Автор темы
- #1
при наведении на ссылку или на картинку, сверху <TD> вылазиет панелька <em> с описанием:
html код (smarty) как есть:
стиль сss:
обработчик:
в опере и IE работет нормально, в мозиле чета панелька не вылазиет.
Как под мозилу подогнать?
Она z-index шоль не понимает??))
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 шоль не понимает??))