Перекрытие Flash - проблема

[Dokea]

Проблема в том, что в Opera и Firefox блок с Flash меню блокирует контент, находящийся под ним.

Вот пример: http://e-kao.ru/flash-menu

Попробуйте выделить текст рядом с меню.

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

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

При этом в IE все отлично работает. И меню активируется и контент доступен.

Обыскал весь инет, но не смог найти решения. Может кто уже сталкивался с данной проблемой?

Edited November 29, 2009 by Dokea

[s0rr0w]

Проблема в том, что в Opera и Firefox блок с Flash меню блокирует контент, находящийся под ним.

Вот пример: http://e-kao.ru/flash-menu

Попробуйте выделить текст рядом с меню.

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

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

При этом в IE все отлично работает. И меню активируется и контент доступен.

Обыскал весь инет, но не смог найти решения. Может кто уже сталкивался с данной проблемой?

Не нашел где обнаружить проблему, если это изощренный спам, то я пожалуй ветку удалю, а пользователя забаню.

[Justnewone]

Не нашел где обнаружить проблему, если это изощренный спам, то я пожалуй ветку удалю, а пользователя забаню.

В самом теле - красное меню )

[s0rr0w]

В самом теле - красное меню )

Ух ты, я думал это реклама

Ну что я могу сказать, кроме как менять z-index у флеша, ничего другого не приходит в голову.

[Dokea]

Ух ты, я думал это реклама

Ну что я могу сказать, кроме как менять z-index у флеша, ничего другого не приходит в голову.

z-index я естественно пробовал. Даже не вижу смысла спрашивать, если можно найти очевидный ответ, основанный на базовых знаниях.

Если у Flash z-index выше, чем у контента - Flash блокирует контент, хотя и прозрачен. Если ниже - пункты меню открываются под контентом и их не видно.

Единственная мысль, которая есть - это сделать java скрипт, который при наводе на область контента выносит его вверх.

Но это слишком трудоемкое решение, в связи с отсутствием знаний в области java.

Да и к тому же неестественное.

Edited November 29, 2009 by Dokea

[s0rr0w]

z-index я естественно попробовал. Даже не вижу смысла спрашивать, если можно найти очевидный ответ, основанный на базовых знаниях.

Если у Flash z-index выше, чем у контента - Flash блокирует контент, хотя и прозрачен. Если ниже - пункты меню открываются под контентом и их не видно.

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

Так что вариант всего один видится. По умолчанию поставить z-index у объекта ниже текста.

Во flash'е придется вызывать при наведении на основные пункты меню через getURL javascript функцию, которая будет ставить больший z-index, а при уведении мыши с объекта возвращать все в исходное состояние.

[Dokea]

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

Так что вариант всего один видится. По умолчанию поставить z-index у объекта ниже текста.

Во flash'е придется вызывать при наведении на основные пункты меню через getURL javascript функцию, которая будет ставить больший z-index, а при уведении мыши с объекта возвращать все в исходное состояние.

А можно так сделать, чтобы при наводе на Flash ролик увеличивалась его ширина?

Добавлено: пока писал, предложили хорошее решение. Спасибо.

Правда всё же придется немного учить Java.

Кстати, если кто подскажет, как это проще сделать (java скрипт) - будет очень здорово.

Да и другим это поможет, кто с такой сложностью сталкивается.

Edited November 29, 2009 by Dokea

[s0rr0w]

А можно так сделать, чтобы при наводе на Flash ролик увеличивалась его ширина?

Добавлено: пока писал, предложили хорошее решение. Спасибо.

Правда всё же придется немного учить Java.

Кстати, если кто подскажет, как это проще сделать - будет очень здорово.

Да и другим это поможет, кто с такой сложностью сталкивается.

JS не сильно отличается от ActionScript'а

[Dokea]

getURL('java script:onmouseover("document.getElementById('box').style.zIndex = 500(document.getElementById('box').style.zIndex) + 1");');

Путем гугления составилось нечто такое... Буду мучать скрипт, если получится отпишу.

Сейчас это как по-китайски.

Edited November 29, 2009 by Dokea

[Dokea]

Уф!! Решил вопрос. Вначале посмотрел исходники меню, а там их с десяток. Чуть ум не поломал.

В итоге сделал так:

<span onmouseover="document.getElementById('mainmenu').style.zIndex = Number(document.getElementById('mainmenu').style.zIndex) + 2000" onmouseout="document.getElementById('mainmenu').style.zIndex = Number(document.getElementById('mainmenu').style.zIndex) - 2000">
<div id="mainmenu" >
Меню
</div>
</span>

И всё работает.

Edited November 29, 2009 by Dokea