Chrome: проблема с временным отображением hidden слоев

[tius]

Есть одно выпадающее меню CSS+jQuery.

(И сразу: в остальных браузерах различных версий все ок.)

Позиционирование смешанное (релатив, абсолют), z-index'ы везде верные (и думаю, причина даже не в этом). В Хроме, после очередного обновления, возникли проблемы в отображением этих слоев: при наведении курсора на пункт, появляется слой, а если курсор убрать, часть слоя остается видимой (но не активной, есс-но).

Письмо в саппорт Хрома как в Лету кануло.

Картинка релейд:

Как лечиться?

[swetlana]

лечится выкладыванием здесь ссылки на страницу, где наблюдается проблема.

[tius]

http://slova.yuga.ru/ например

[swetlana]

а при чём тут саппорт Хрома?

Хром правильно отрабатывает.

	$j('.unit').addClass('showDiv');
	$j('.showDiv').mouseover(function(){
		$j(this).addClass('showme');
		$j('.showme div.abs').addClass('absshow');
			$j(this).mouseout(function(){
				$j(this).removeClass('showme');
				$j('.abs').removeClass('absshow');
			});
	});

Это ж чушь какая-то.

Синтаксис метода hover позволяет передавать две функции: при наведении мыша и при уходе мыша с элемента. И вот этот мудрёж с определением mouseout внутри mouseover не нужен.

Имеет смысл использовать более подходящий метод hover().

Это если признать, что тут в принципе нужен jquery.

А на самом деле такое гораздо проще и надёжнее делается на чистом css.

Edited March 18, 2011 by swetlana

[tius]

Спасибо за комментарий. Но вопрос-то не в этом.

[wanntuzz]

нет такой проблемы

[tius]

wanntuzz, то есть у вас в хроме все ок?

[swetlana]

проблема есть.

И не только в хроме, но и в сафари.

И не только в последних версиях.

Только вот понять пока не получается, в чём дело.

Там сложный какой-то мудрёж. Если то же самое сделать проще, то всё работает чётко.

Точне не вариант переписать менбшку попроще?

[tius]

В общем-то, вопрос уже решен путем написания нового скрипта и уменьшением числа менюшных классов.

Всем спасибо.

[swetlana]

самое правильное решение

поздавляю!