Я пытаюсь реализовать горизонтальное многоуровневое выпадающее меню навигации. Сразу под (по вертикали) меню у меня есть видео с YouTube, встроенное через iframe. Если я наведу курсор на один из основных элементов навигации в Firefox, раскрывающееся меню правильно появится поверх видео.
Однако в Chrome и IE9 в небольшой области пространства между меню и iframe видна лишь полоска раскрывающегося списка. Остальное, похоже, находится за iframe.
Проблема, похоже, связана с видео YouTube, а не с iframe. Для проверки я направил iframe на другой веб-сайт, а не на видео, и выпадающее меню работало нормально даже в IE.
- Вопрос 1: Какого черта?
- Вопрос 2: Почему, даже если я явно помещаю
z-index:-999 !important;
в iframe, эта проблема все равно возникает?
Есть ли какой-то внутренний CSS, который включает в себя код встраивания YouTube, который как-то переопределяет вещи?
<embed wmode="transparent" ...>
раздел - это все, что вам нужно (по крайней мере, в firefox), и не нужно беспокоиться о настройке wmode вurl
sparam
илиiframe
s