В настоящее время я занимаюсь разработкой сайта, в котором используется плагин jQuery superfish для создания 3-уровневого выпадающего меню с закругленными углами, тенями и всеми остальными головными ударами, разбиванием экрана, разжиганием гнева, которые любят веб-разработчики.
Клиент использует IE8 и IE7. В конце каждого меню я размещаю 24-битное прозрачное изображение с закругленными углами в конце для закругленных углов в нижней части меню. Итак, мой код выглядит следующим образом:
<ul id="nav">
<li><a href="#">Item one</a></li>
<li><a href="#">Item one</a></li>
<li><a href="#">Item one</a></li>
<li>
<a href="#">Item one</a>
<ul>
<li>
<a href="#">Another item</a>
</li>
<li class="lastli2"><img src="images/lastli2.png" /></li>
</ul>
</li>
<li class="lastli"><img src="images/lastli.png" /></li>
</ul>
Как видите, я не использую фоновые изображения на последних элементах, поскольку они являются просто изображениями внутри элементов LI. При наведении курсора в IE7 и IE8 (я полагаю, IE6 также) вы видите мерцание последнего изображения, как будто оно загружается или что-то в этом роде. Я пытался предварительно загрузить изображения, но это, похоже, не имеет никакого значения. Если изображение находится в разметке, оно должно быть загружено в любом случае.
Итак, мой вопрос, как я могу остановить мерцание изображения в моей навигации, которое не является фоновым изображением? Это почти как прозрачность, но я даже не знаю, с чего начать.
**** Обновление ****
Я решил проблему. Это был эффект затухания в меню, которое вызывало отставание. Я удалил FX, и проблема была решена. Спасибо всем, кто помог.