У меня иконка меню выглядит так:
HTML:
<td class="icon"><a href="#"><img src="icon.png" /><br/>belowIconText</a></td>
CSS:
.icon { background: none; }
.iconHover{ background: url(images/icon.png); }
jQuery:
$(".icon").mouseover(function(){ $(this).addClass("iconHover"); });
$(".icon").mouseout(function(){ $(this).removeClass("iconHover"); });
Только в IE у меня есть фоновый "прыжок".Под «прыжком» я не подразумеваю проблему положения, но я имею в виду, что в теге <td> у меня есть правильно работающий переключатель фона, а при выходе из <td> и вводе <img> внутри я вижу, как IE скрывает фон (обнаруживает.icon mouseout) и затем показать его снова (обнаруживает .icon mouseover).Есть ли способ это исправить?
Заранее спасибо!