Как отобразить диалог jQuery поверх YouTube Video / SlideShare PPT?

Question

Мы используем модальное диалоговое окно jQuery, чтобы получить подтверждение от пользователей, прежде чем они удалят элемент. Модальное диалоговое окно работает нормально, пока на экране нет видео YouTube.

Если есть видео с YouTube, под видео отображается диалоговое окно. Я попытался изменить z-index диалогового окна на 3999, но безрезультатно. (Я не очень разбираюсь в CSS)

               $('#dialog').dialog({
                     autoOpen: false,
                     modal: true,
                     width: 300,
                     zindex:3999,
                     buttons: {
                                'Ok': performDelete_dialog, 
                                'Cancel': function(){$(this).dialog('close');}
                              }
                  });

Может кто-нибудь подсказать, что нам следует сделать, чтобы разместить диалоговое окно jquery поверх видео YouTube?

Answer 1

смотрите это вы можете получить решение

Answer 2

Заменить zindex на zIndex; jQuery принимает эти свойства в camelCase. Кроме того, убедитесь, что значение, которое вы указываете для z-индекса, на больше , чем значение для фильма Flash на странице.

Чтобы узнать z-индекс ролика Flash на странице, вы можете использовать FireBug (дополнение FireFox), что также окажется очень полезным, если вы изучаете CSS или много веб-разработка.

Answer 3

Это проблема с Flash - см. http://www.ubercart.org/forum/support/2261/youtube_overlapping_thickbox

Это похоже на проблему со вспышкой. Пытаться изменив параметр "wmode" на YouTube клип на «прозрачный» или "Непрозрачный".

Answer 4

найдено в демонстрационном диалоге jquery

$('#element').dialog({zIndex: 3999});