г-индекс падения вниз обыкновение вести себя с IFRAME

Question

У меня есть встроенный календарь Google на странице (которая в IFRAME)

Я пытаюсь решить эту проблему в Chrome на данный момент, но я предпочитают работать во всем.

Вот краткое изложение общей структуры (фактический код более запутанный)

<header> 
<ul id="nav"> 
    <li> <ul class="drop_down"> 
      <li>Nav item</li> 
      <li>nav item</li> 
     </ul> 
    </li> 
    <li> <ul class="drop_down"> 
      <li>Nav item</li> 
      <li>nav item</li> 
     </ul> 
    </li> 
</ul> 
</header> 
<iframe /> 

Функция Iframe предназначена для перекрытия немного и появиться перед ним. Затем выпадающее меню должно появиться перед iframe. Таким образом, г-индексных слои должны быть от задней к передней:

1. заголовка (только фоновое изображение все, что имеет значение)
2. IFrame
3. выпадающий

меню IFrame

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

Вот живая ссылка на страницу проблемы: Edit: Убрана ссылка, поскольку это работа, связанная и решить

Ожидаемого поведения меню на главной странице этого сайта.

Любые предложения?

Answer 1

Take z-index:1 off #header 
Set #nav li ul z-index:100 
Set the iframe z-index:50 

Проблема заключается в том, что ваш ZIndex для фрейма является 1000, в то время как ваше меню было ZIndex: 1