2009-02-08 2 views
1

Я использую FancyBox для создания всплывающего изображения.Почему моя анимация Flash накладывается на мою позицию div?

FancyBox (В случае, если вам интересно.)

Он выскакивает div с z-index: 92;.

У меня есть флэш-анимация, которая находится далеко ниже этого z-index.

Моя проблема в том, что в двух разных браузерах Firefox (в тех же версиях) у меня разные результаты.

В одном все кажется ОК. В другом случае анимация Flash появляется перед div. Я попытался обновить и перезапустить браузер, но такая же проблема всегда возникает.

Я знаю, что один из снимков экрана - из IE, но это означает только ссылку.

Что я могу делать неправильно?

http://www.my-clock.net/tmp/sreen01.jpg

alt text http://www.my-clock.net/tmp/sreen02.jpg

+0

Я пытался масштабировать первое изображение, используя HTML-тег IMG, но это не похоже на работу. Не могли бы вы масштабировать изображение, так как его ширина разрушает макет сайта. – schnaader

+0

А, наконец, это работает. Забудьте процитировать ширину/высоту внутри тега. – schnaader

+0

btw Вот почему мне нравится использовать сочетание таблиц и divs :) – fmsf

ответ

11

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

1

Вы можете попробовать вставить некоторый код вашего кода в w3schools TryIt Editor, чтобы проверить, правильно ли он работает, и z-index работает по вашему мнению.

+0

Upvote был для исправления моего изображения :) – fmsf

+0

Спасибо, по крайней мере я мог бы с этим помочь;) – schnaader

0

Пока wmode=transparent будет работать, он вызывает quite a performance hit. Вероятно, вы получите лучшие результаты с wmode=opaque.

0

Что делать, если вы не можете изменить режимы вспышки, потому что это баннер из сети, такой как AdSense?

+0

создать вопрос с этим, если вы хотите знать, ответ – fmsf

1

Помните, что вам необходимо установить параметр Режим окна отдельно для IE и другие браузеры:

<param name="wmode" value="opaque" /> <!-- for IE --> 
<embed src="images/banner/banner.swf" quality="high" wmode="opaque" ... <!-- for other browsers--> 
Смежные вопросы